New front page and darker style

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

@@ -8,6 +8,7 @@
 <link rel="import" href="/components/core-icons/editor-icons.html">
 <link rel="import" href="/components/core-icons/image-icons.html">
 <link rel="import" href="/components/core-icons/social-icons.html">
+<link rel="import" href="/components/core-image/core-image.html">
 <link rel="import" href="/components/core-item/core-item.html">
 <link rel="import" href="/components/core-menu/core-menu.html">
 <link rel="import" href="/components/core-scaffold/core-scaffold.html">

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

@@ -3,7 +3,8 @@
 		<core-header-panel drawer navigation flex mode="seamed" class="white">
 			<div id="accountSummary">
 				{{#if currentUser}}
-					<div id="profileLink" style="text-decoration: underline; cursor: pointer;">
+					<div id="profileLink"
+						 style="text-decoration: underline; cursor: pointer; font-size: 16px;">
 						{{profileLink}}
 					</div>
 				{{else}}
@@ -13,6 +14,7 @@
 			<div id="navPanel">
 				<core-item id="homeNav" icon="home" label="Home"></core-item>
 				{{> characterSideList}}
+				<core-item id="guide" icon="social:school" label="Guide"></core-item>
 				<core-item id="feedback" icon="bug-report" label="Send Feedback"></core-item>
 				<core-item id="changeLog" icon="list" label="Change Log"></core-item>
 			</div>
@@ -23,7 +25,7 @@
 							 transitions="hero-transition cross-fade"
 							 selected={{globalDetailSelected}}>
 			<section id="mainContentSection" class={{notSelected}}>
-				<core-header-panel fit mode="seamed">
+				<core-header-panel fit mode="standard">
 					{{> yield}}
 				</core-header-panel>
 				<div>

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

@@ -41,4 +41,8 @@ Template.layout.events({
 		Router.go("changeLog");
 		instance.find("core-drawer-panel").closeDrawer();
 	},
+	"tap #guide": function(event, instance) {
+		Router.go("guide");
+		instance.find("core-drawer-panel").closeDrawer();
+	},
 });