Added sharing to anyone with link, changed home page

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

@@ -1,11 +1,28 @@
-<template name="home">
-	<core-toolbar class="blue-grey white-text">
+<template name="home">	
+	<core-toolbar class="medium-tall {{colorClass}}">
 		<core-icon-button icon="menu" core-drawer-toggle></core-icon-button>
 		<div flex>
 			DiceCloud
 		</div>
+		<div class="bottom fit" horizontal layout>
+			<paper-tabs flex horizontal center layout selected={{selectedTab}} class="grey white-text homeTabs">
+				<paper-tab name="stats">Home</paper-tab>
+				<paper-tab name="features">Guide</paper-tab>
+			</paper-tabs>
+		</div>
 	</core-toolbar>
-	<div class="scroll-y" style="padding: 16px" fit>
-		{{> guide}}
+	<div fit>
+		<core-animated-pages class="tabPages" selected={{selectedTab}} transitions="slide-from-right" fit>
+			<section flex name="stats">
+				<div class="scroll-y" fit>
+					{{> intro}}
+				</div>
+			</section>
+			<section flex name="features">
+				<div class="scroll-y" fit>
+					{{> guide}}
+				</div>
+			</section>
+		</core-animated-pages>
 	</div>
 </template>

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

@@ -1,25 +1,15 @@
 Template.home.helpers({
-	characterDetails: function(){
-		var char = Characters.findOne(
-			this._id,
-			{fields: {name: 1, gender: 1, alignment: 1, race:1}}
-		);
-		char.title = char.name;
-		char.field = "base";
-		char.color = "d";
-		char.class = "characterCard";
-		return char;
-	}
+	selectedTab: function(){
+		return Session.get("homePage.selectedTab");
+	},
 });
 
 Template.home.events({
-	"tap .characterCard": function(event, instance){
-		Router.go("characterSheet", {_id: this._id});
+	"core-animated-pages-transition-end .tabPages": function(event) {
+		event.stopPropagation();
 	},
-	"tap #addCharacter": function(event, template) {
-		Characters.insert({owner: Meteor.userId()});
-	},
-	"tap #deleteChar": function(event, template){
-		Characters.remove(this._id);
+	"tap .homeTabs paper-tab": function(event, instance){
+		Session.set("homePage.selectedTab",
+					event.currentTarget.getAttribute("name"));
 	},
 });

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

@@ -0,0 +1,49 @@
+<template name="intro">
+	<div class="intro">
+		<div class="fullwidth">
+			<h1>
+				Online, realtime, unofficial D&amp;D 5e app.
+			</h1>
+			<p>
+				Spend less time shuffling paper and more time playing the game
+			</p>
+		</div>
+		<div class="fullwidth">
+			<h1>Open Beta</h1>
+			<p>Free to use, updates almost every week</p>
+		</div>
+		<div class="fullwidth">
+			<h1>Check out the guide</h1>
+			<p>Learn how your class gives you features, those features have effects, and those effects determine your stats.</p>
+		</div>
+		<div class="fullwidth">
+			<h1>
+				Discuss
+			</h1>
+			<p>
+				On the official 
+				<a href="http://reddit.com/r/dicecloud">
+					DiceCloud subreddit
+				</a>
+			</p>
+		</div>
+		<div class="fullwidth">
+			<h1>
+				Get involved
+			</h1>
+			<p>Shape upcoming features and track bugs on the 
+				<a href="https://trello.com/b/94M0SCnq/dicecloud-roadmap">
+					DiceCloud Trello board
+				</a>
+			</p>
+		</div>
+		<div class="fullwidth">
+			<h1>
+				Send feedback instantly
+			</h1>
+			<p>
+				Use the feedback button in the sidebar to drop the developer a direct message
+			</p>
+		</div>
+	</div>
+</template>

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

@@ -0,0 +1,12 @@
+.intro {
+	.fullwidth {
+		width: 100%;
+		padding: 16px;
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		p, h1 {
+			max-width: 450px;
+		}
+	}
+}