rename /rpg-docs to /app

app/client/views/loading/loading.css

@@ -0,0 +1,5 @@
+.bigSpinner {
+	width: 100px;
+	height: 100px;
+	margin-bottom: 16px;
+}

app/client/views/loading/loading.html

@@ -0,0 +1,16 @@
+<template name="loading">
+	<app-header-layout has-scrolling-region fullbleed>
+		<app-header class="app-grey white-text" fixed>
+			<app-toolbar>
+				<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
+			</app-toolbar>
+		</app-header>
+		<div class="fit layout vertical center center-justified">
+			<paper-spinner class="bigSpinner" active></paper-spinner>
+			<div class="paper-font-subhead"
+				 style="margin-left: 16px;
+						margin-right: 16px;
+						text-align: center;">{{randomHint}}</div>
+		</div>
+	</app-header-layout>
+</template>

app/client/views/loading/loading.js

@@ -0,0 +1,17 @@
+var hints = [
+	"Drag and drop items to move them between containers.",
+	"Hold Ctrl while dragging items around to only move some of them.",
+	"Magic items are considered priceless, don't give them a gold value.",
+	"You can use formulae in {curly brackets} in any field with a {} icon.",
+	"You can disable the 'Spells' tab from the charecter menu in the top right.",
+	"You can share your character with others from the menu in the top right.",
+	"Your spells, features, and items are ordered by their colour, which you can set with the paint bucket.",
+	"You can only have three magic items attuned to you at once. Choose carefully!",
+	"Click the '+' underneath 'Hit Points' to add additional health bars for temporary HP, wild shapes, familiars and more.",
+];
+
+Template.loading.helpers({
+	randomHint: function(){
+		return Random.choice(hints);
+	}
+});