Updated front page to Polymer 1

rpg-docs/client/views/home/home.html

@@ -1,9 +1,13 @@
 <template name="home">
-	<app-toolbar class="app-grey white-text">
+	<app-header class="app-grey white-text home-header" fixed condenses effects="waterfall resize-title">
-		<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
+		<app-toolbar>
-		<div flex>
+			<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
-			Home
+			<div condensed-title  style="font-weight: 300;">DiceCloud</div>
-		</div>
+		</app-toolbar>
-	</app-toolbar>
+		<app-toolbar class="middle"></app-toolbar>
+		<app-toolbar class="bottom">
+			<div main-title class="paper-font-display2" style="font-weight: 300;">DiceCloud</div>
+		</app-toolbar>
+	</app-header>
 	{{> intro}}
 </template>

rpg-docs/client/views/home/intro/intro.html

@@ -1,16 +1,13 @@
 <template name="intro">
 	<div class="intro">
 		<div class="section white-text" style="background: #282828">
-			<div class="display2">
-				Dice Cloud
-			</div>
 			<img style="width:130px; height:130px; background-color: #282828;"
 						src="/crown-dice-logo-cropped-transparent.png">
 			<div class="display1">
-				Unofficial Online Realtime D&amp;D 5e App
+				Realtime D&amp;D 5e Character Tracker
 			</div>
 			<h2>
-				Spend less time shuffling paper and more time playing the game
+				Spend less time shuffling paper and more time playing
 			</h2>
 			{{#unless currentUser}}
 			<div layout horizontal around-justified wrap>
@@ -31,11 +28,11 @@
 		</div>
 		<div class="section" style="background-color: #e9e9e9;">
 			<div>
-				<div class="display1">Character Sheet Open Beta</div>
+				<div class="display1">Character Sheets</div>
 				<h2 style="margin-bottom: 16px;">
 					Check out the example characters
 				</h2>
-				<div layout horizontal around-justified wrap>
+				<div class="layout horizontal around-justified wrap">
 					<paper-material class="card characterCard ssArcher clickable"
 								  z="2">
 						<div class="top subhead green white-text">
@@ -58,9 +55,9 @@
 			</div>
 		</div>
 		<div class="section white-text" style="background: #282828">
-			<div class="columns" layout horizontal around-justified wrap>
+			<div class="columns layout horizontal around-justified wrap">
 				<div>
-					<h1>Check out the guide</h1>
+					<h1>Guide</h1>
 					<p>
 						Learn how your class gives you features, those features have effects,
 						and those effects determine your stats.
@@ -84,7 +81,7 @@
 					<h1>
 						Get involved
 					</h1>
-					<p>Shape upcoming features and track bugs on the Dice Cloud Trello board
+					<p>Shape upcoming features and track bugs on the DiceCloud Trello board
 						<paper-button class="trelloButton">
 							<a href="https://trello.com/b/94M0SCnq/dicecloud-roadmap">
 								Trello Roadmap

rpg-docs/client/views/layout/layout.css

@@ -18,6 +18,7 @@
 
 #navPanel paper-icon-item {
 	background: white;
+	cursor: pointer;
 }
 
 .layout > core-header-panel {

rpg-docs/client/views/layout/layout.html

@@ -33,52 +33,10 @@
 				</div>
 			</app-header-layout>
 		</app-drawer>
-		<neon-animated-pages class="fit"
+		<app-header-layout fullbleed>
-							 navigation
+			{{> yield}}
-							 detail-pages
+		</app-header-layout>
-							 transitions="hero-transition cross-fade"
-							 selected={{globalDetailSelected}}>
-			<section id="mainContentSection" class={{notSelected}}>
-				<app-header-layout fullbleed>
-					{{> yield}}
-				</app-header-layout>
-				<div>
-					<div id="fadeDummy" cross-fade></div>
-				</div>
-			</section>
-			<section id="detailSection">
-				<div id="detailScreenFiller">
-					<div id="screenDim" cross-fade></div>
-					<paper-material id="globalDetail" class="card" z="5"
-								  animated hero hero-id="main"
-								  layout vertical>
-						{{#if globalDetailTemplate}}
-							{{> UI.dynamic template=globalDetailTemplate data=globalDetailData}}
-						{{/if}}
-					</paper-material>
-				</div>
-			</section>
-		</neon-animated-pages>
 	</app-drawer-layout>
-
+	<paper-toast id="global-toast" duration="5000"></paper-toast>
-	<paper-dialog global-dialog backdrop
-						 class="scrolling {{#if globalDialogFullOnMobile}}full-on-mobile{{/if}}"
-						 heading={{globalDialogHeader}}
-						 layered>
-		{{#if globalDialogTemplate}}
-			{{> UI.dynamic template=globalDialogTemplate data=globalDialogData}}
-		{{/if}}
-	</paper-dialog>
-
-	<paper-toast global-toast duration="5000">
-		{{#if globalToastTemplate}}
-			{{> UI.dynamic template=globalToastTemplate data=globalToastData}}
-		{{else}}
-			<div>
-				No Toast template defined
-			</div>
-		{{/if}}
-	</paper-toast>
-	<div class="is this thing on?"></div>
 	{{> dialogStack}}
 </template>

rpg-docs/client/views/layout/polymerImports.html

@@ -8,6 +8,7 @@
 	</script>
 	<link rel="import" href="/components/app-layout/app-layout.html">
 	<link rel="import" href="/components/app-layout/app-scroll-effects/effects/waterfall.html">
+	<link rel="import" href="/components/app-layout/app-scroll-effects/effects/resize-title.html">
 
 	<link rel="import" href="/components/iron-icon/iron-icon.html">
 <!--<link rel="import" href="/components/iron-icons/av-icons.html">-->