Added basic global app layout

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

@@ -3,7 +3,9 @@
 <link rel="import" href="/components/core-animated-pages/transitions/cross-fade.html">
 <link rel="import" href="/components/core-animated-pages/transitions/hero-transition.html">
 <link rel="import" href="/components/core-animated-pages/transitions/slide-from-right.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">
 
 <!--paper components-->
 <link rel="import" href="/components/paper-dialog/paper-dialog.html">

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

@@ -0,0 +1,25 @@
+<template name="layout">
+
+	<core-drawer-panel>
+		<core-header-panel drawer navigation flex mode="seamed" class="white">
+			<core-toolbar>Application</core-toolbar>
+			<core-menu theme="core-light-theme">
+				<core-item icon="settings" label="item1"></core-item>
+				<core-item icon="settings" label="item2"></core-item>
+			</core-menu>
+		</core-header-panel>
+		<core-header-panel main navigation flex mode="seamed">
+			{{> yield}}
+		</core-header-panel>
+	</core-drawer-panel>
+
+	<paper-action-dialog global-dialog layered backdrop
+						 transition="paper-dialog-transition-bottom"
+						 full-on-mobile>
+		{{#if globalDialogTemplate}}
+		{{> UI.dynamic template=globalDialogTemplate data=globalDialogData}}
+		{{/if}}
+	</paper-action-dialog>
+
+	<paper-toast global-toast></paper-toast>
+</template>

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

@@ -0,0 +1,48 @@
+<template name="publicHeader">
+  <core-toolbar class="toolbar toolbar-primary">
+
+    <a class="header-logo" href="/">
+      <img src="/img/white-logo.png"/>
+    </a>
+
+    <div flex></div>
+
+    <div class="visible-md wide">
+      <div layout horizontal>
+        {{> headerItems}}
+      </div>
+    </div>
+
+    <paper-menu-button class="hidden-md narrow">
+      <paper-icon-button icon="menu" role="button"></paper-icon-button>
+      <paper-dropdown class="dropdown" halign="right">
+        <core-menu class="menu">
+          {{> headerItems}}
+        </core-menu>
+      </paper-dropdown>
+    </paper-menu-button>
+
+  </core-toolbar>
+</template>
+
+<template name="headerItems">
+
+  <paper-item class="toolbar-item">
+    <a href="{{pathFor route='pricing'}}">
+      Pricing
+    </a>
+  </paper-item>
+
+  <paper-item class="toolbar-item">
+    <a href="{{pathFor route='accounts.signUp'}}">
+      Sign Up
+    </a>
+  </paper-item>
+
+  <paper-item class="toolbar-item">
+    <a href="{{pathFor route='accounts.signIn'}}">
+      Sign In
+    </a>
+  </paper-item>
+
+</template>