From 6fd815c0c282f498247c366cd6cf6d5617a5473b Mon Sep 17 00:00:00 2001
From: Prateek Jadhwani <prateekjadhwani@users.noreply.github.com>
Date: Sat, 25 Jul 2015 14:51:12 -0400
Subject: [PATCH 1/2] Updating Footer

---
 app/elements/about-us/about-us.html            |  5 +++++
 app/elements/elements.html                     |  1 +
 app/elements/new-episode/new-episode.html      |  6 ++++++
 .../previous-episodes/previous-episodes.html   |  6 ++++++
 app/index.html                                 | 16 ++++------------
 app/styles/main.css                            | 18 ++++++++++++++++++
 bower.json                                     |  3 ++-
 7 files changed, 42 insertions(+), 13 deletions(-)

diff --git a/app/elements/about-us/about-us.html b/app/elements/about-us/about-us.html
index 61112f9..1d31fc1 100644
--- a/app/elements/about-us/about-us.html
+++ b/app/elements/about-us/about-us.html
@@ -9,6 +9,11 @@
 	</style>
 	<template>
 		<h1>About us Page</h1>
+		<p>About us Page</p>
+		<p>About us Page</p>
+		<p>About us Page</p>
+		<p>About us Page</p>
+		<p>About us Page</p>
 	</template>
 </dom-module>
 <script>
diff --git a/app/elements/elements.html b/app/elements/elements.html
index 24fec3f..82a3311 100755
--- a/app/elements/elements.html
+++ b/app/elements/elements.html
@@ -27,6 +27,7 @@
 <link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
 <link rel="import" href="../bower_components/paper-tabs/paper-tabs.html" >
 <link rel="import" href="../bower_components/paper-tabs/paper-tab.html" >
+<link rel="import" href="../bower_components/paper-button/paper-button.html">
 
 <!-- Platinum elements -->
 <!--
diff --git a/app/elements/new-episode/new-episode.html b/app/elements/new-episode/new-episode.html
index 16f8a7b..9037d44 100644
--- a/app/elements/new-episode/new-episode.html
+++ b/app/elements/new-episode/new-episode.html
@@ -9,6 +9,12 @@
 	</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>
 	</template>
 </dom-module>
 <script>
diff --git a/app/elements/previous-episodes/previous-episodes.html b/app/elements/previous-episodes/previous-episodes.html
index bbbae3f..010f17e 100644
--- a/app/elements/previous-episodes/previous-episodes.html
+++ b/app/elements/previous-episodes/previous-episodes.html
@@ -9,6 +9,12 @@
 	</style>
 	<template>
 		<h1>Previous Episodes Page</h1>
+		<p>Previous Episodes Page</p>
+		<p>Previous Episodes Page</p>
+		<p>Previous Episodes Page</p>
+		<p>Previous Episodes Page</p>
+		<p>Previous Episodes Page</p>
+		<p>Previous Episodes Page</p>
 	</template>
 </dom-module>
 <script>
diff --git a/app/index.html b/app/index.html
index c76758d..ae8932a 100755
--- a/app/index.html
+++ b/app/index.html
@@ -99,18 +99,10 @@ <h3 class="paper-font-display2 flex center">The Web Platform Today</h3>
 				
 				<!-- Footer -->
 				<universal-footer>
-					<div multicol>
-						<div col>
-							<div row title>About the Web Platform Podcast</div>
-							<div row longtext>
-								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porta urna massa, vel gravida nulla hendrerit vel. Etiam sit amet tellus pretium, faucibus libero vitae, facilisis orci. Maecenas sed imperdiet ipsum. Integer imperdiet dignissim magna ut malesuada. Morbi vulputate lobortis odio a suscipit. Pellentesque sodales justo varius, blandit magna vel, aliquet sapien. Fusce nibh magna, porttitor a eleifend sit amet, commodo id dolor. Vivamus lobortis orci nec condimentum porta. Curabitur odio tortor, vestibulum cursus mauris semper, aliquam ultrices velit. Etiam tincidunt vulputate euismod. Suspendisse vitae dolor at libero lobortis tincidunt quis ac purus. Donec sed commodo leo, quis pellentesque nunc. Ut vestibulum arcu sed est vulputate, vel molestie sem accumsan. Proin ultrices tempus massa. Morbi feugiat nisi id hendrerit mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-							</div>
-						</div>
-						<div col>
-							<div row title>About the Web Platform Podcast</div>
-							<div row longtext>
-								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porta urna massa, vel gravida nulla hendrerit vel. Etiam sit amet tellus pretium, faucibus libero vitae, facilisis orci. Maecenas sed imperdiet ipsum. Integer imperdiet dignissim magna ut malesuada. Morbi vulputate lobortis odio a suscipit. Pellentesque sodales justo varius, blandit magna vel, aliquet sapien. Fusce nibh magna, porttitor a eleifend sit amet, commodo id dolor. Vivamus lobortis orci nec condimentum porta. Curabitur odio tortor, vestibulum cursus mauris semper, aliquam ultrices velit. Etiam tincidunt vulputate euismod. Suspendisse vitae dolor at libero lobortis tincidunt quis ac purus. Donec sed commodo leo, quis pellentesque nunc. Ut vestibulum arcu sed est vulputate, vel molestie sem accumsan. Proin ultrices tempus massa. Morbi feugiat nisi id hendrerit mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-							</div>
+					
+					<div multicol class="credits">
+						<div col center>
+							Made with <iron-icon class="crimson" icon="icons:favorite"></iron-icon> and <iron-icon class="mediumpurple" icon="icons:polymer"></iron-icon> by <paper-button raised class="webplatform-button" onclick="window.open('https://github.com/orgs/thewebplatform/people', '_blank');">The Web Platform Team</paper-button>
 						</div>
 					</div>
 					<div copyright-center>© 2015 The Web Platform Today</div>
diff --git a/app/styles/main.css b/app/styles/main.css
index c00982b..a316662 100755
--- a/app/styles/main.css
+++ b/app/styles/main.css
@@ -27,4 +27,22 @@ body {
 
 .bottom {
 	height: 100%;
+}
+
+.credits {
+	color: white;
+	font-weight: 100;
+	margin: 30px auto 10px;
+}
+.crimson{
+	color: crimson;
+}
+
+.mediumpurple {
+	color: mediumpurple;
+}
+
+.webplatform-button {
+	background: #1976D2;
+	color: #BBDEFB;
 }
\ No newline at end of file
diff --git a/bower.json b/bower.json
index d0d8c8f..b0c770a 100755
--- a/bower.json
+++ b/bower.json
@@ -26,7 +26,8 @@
     "universal-footer": "*",
     "podcast-player": "~1.0.1",
     "iron-image": "PolymerElements/iron-image#~1.0.2",
-    "paper-tabs": "PolymerElements/paper-tabs#~1.0.1"
+    "paper-tabs": "PolymerElements/paper-tabs#~1.0.1",
+    "paper-button": "PolymerElements/paper-button#~1.0.3"
   },
   "devDependencies": {
     "web-component-tester": "*",

From dbce3257dda5faf809b5b802252fcbe1a1158558 Mon Sep 17 00:00:00 2001
From: Prateek Jadhwani <prateekjadhwani@users.noreply.github.com>
Date: Sat, 25 Jul 2015 17:31:58 -0400
Subject: [PATCH 2/2] Small tab mobile fixes

---
 app/styles/app-theme.html | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/app/styles/app-theme.html b/app/styles/app-theme.html
index 504b1ae..2fb059d 100755
--- a/app/styles/app-theme.html
+++ b/app/styles/app-theme.html
@@ -134,9 +134,7 @@
 		margin-top: 18px;
 		margin-left: 50px;
 	}
-	paper-tab {
-		min-width: 150px;
-	}
+	
   /* Breakpoints */
 
   /* Small */
@@ -172,6 +170,16 @@
 		.multicol.universal-footer [multicol] > [col] {
 			flex: auto;
 		}
+			
+		paper-tabs {
+			width: 100%;
+			margin-left: 0;
+		}
+			
+		
+		paper-tab {
+			min-width: calc( 30% - 11px );
+		}
 
   }
 
@@ -201,6 +209,10 @@
 		.multicol.universal-footer [multicol] > [col] {
 			flex: 1;
 		}
+			
+		paper-tab {
+			min-width: 150px;
+		}
 
   }
 
@@ -227,9 +239,7 @@
 			font-size: 20px;
 		}
 		
-		paper-toolbar paper-tabs {
-			display: none;
-		}
+		
 	}
   /* mobile-small-landscape */
   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }