Added page accents, page shadow, and spacing

client/homebrew/editor/editor.jsx

@@ -51,6 +51,11 @@ var Icons = [
 		snippet : "\\pagen\n\n",
 		tooltip : "New Page"
 	},
+	{
+		icon : 'fa-arrows-v',
+		snippet : "<div style='margin-top:140px'></div>\n\n",
+		tooltip : "Vertical Spacing"
+	}
 
 
 ]

client/homebrew/homePage/homePage.jsx

@@ -2,6 +2,7 @@ var React = require('react');
 var _ = require('lodash');
 var cx = require('classnames');
 
+var Statusbar = require('../statusbar/statusbar.jsx');
 var PHB = require('../phb/phb.jsx');
 var Editor = require('../editor/editor.jsx');
 
@@ -36,6 +37,7 @@ var HomePage = React.createClass({
 		var self = this;
 		return(
 			<div className='homePage'>
+				<Statusbar />
 				<Editor text={this.state.text} onChange={this.handleTextChange} />
 				<PHB text={this.state.text} />
 			</div>

client/homebrew/phb/phb.less

@@ -2,7 +2,10 @@
 .pbhPages{
 	&>.phb{
 		margin-bottom : 40px;
+		margin-top : 40px;
 		margin-left   : 400px;
+		box-shadow       : 1px 4px 14px #000;
+
 	}
 }
 @font-face {
@@ -66,9 +69,32 @@
 	-moz-column-width    : 8cm;
 	-webkit-column-gap   : 1cm;
 	text-rendering       : optimizeLegibility;
-
+	position : relative;
 	overflow: hidden;
 
+	//Accents
+	&:before, &:after{
+		content : "";
+		position: absolute;
+		height: 50px;
+		width: 100%;
+
+		left: 0px;
+		background-size: cover;
+		width : 100%;
+		background-image     : url('/assets/homebrew/assets/accent.png');
+	}
+	&:before{
+		top: 0px;
+	}
+	&:after{
+		-moz-transform: scaleY(-1);
+		    -o-transform: scaleY(-1);
+		    -webkit-transform: scaleY(-1);
+		    transform: scaleY(-1);
+		bottom : 0px;
+	}
+
 
 	p,ul,blockquote{
 		-webkit-column-break-inside : avoid;
@@ -295,11 +321,12 @@
 		-webkit-column-span : all;
 		&+p{
 			&::first-letter{
-				float         : left;
+				float: left;
-				margin-top    : 20px;
+				margin-top: 0.3em;
-				margin-bottom : 15px;
+				margin-bottom: 0.3em;
-				font-family   : Solbera;
+				font-family: Solbera;
-				font-size     : 7em;
+				font-size: 10em;
+				color : #222;
 			}
 		}
 	}

client/homebrew/statusbar/statusbar.jsx

@@ -4,6 +4,12 @@ var cx = require('classnames');
 
 var Statusbar = React.createClass({
 
+	getDefaultProps: function() {
+		return {
+
+		};
+	},
+
 	render : function(){
 		var self = this;
 		return(