Built a new pane split component

client/homebrew/homePage/homePage.jsx

@@ -9,7 +9,7 @@ var Editor = require('../editor/editor.jsx');
 //var WelcomeText = require('./welcomeMessage.js');
 
 
-
+var SplitPane = require('../splitPane/splitPane.jsx');
 
 var Nav = require('naturalCrit/nav/nav.jsx');
 
@@ -58,7 +58,7 @@ var HomePage = React.createClass({
 
 	render : function(){
 		return(
-			<div className='homePage'>
+			<div className='homePage page'>
 
 				<Navbar>
 					<Nav.item
@@ -75,16 +75,26 @@ var HomePage = React.createClass({
 					</Nav.item>
 				</Navbar>
 
+				<div className='content'>
+
+					<SplitPane>
+						<div className='woo'>
+							one
+						</div>
+
+						<div className='cool'>
+							two
+						</div>
+
+
+					</SplitPane>
+
+
 
-				<div className='paneSplit'>
-					<div className='leftPane'>
-						<Editor text={this.state.text} onChange={this.handleTextChange} />
-					</div>
-					<div className='rightPane'>
-						<PageContainer text={this.state.text} />
-					</div>
 				</div>
 
+
+
 				<a href='/homebrew/new' className='floatingNewButton'>
 					Create your own <i className='fa fa-magic' />
 				</a>
@@ -94,3 +104,28 @@ var HomePage = React.createClass({
 });
 
 module.exports = HomePage;
+
+
+/*
+	<div className='temp'>
+		test
+
+			<div className='woo' />
+
+	</div>
+*/
+
+
+/*
+
+<div className='paneSplit'>
+	<div className='leftPane'>
+		<Editor text={this.state.text} onChange={this.handleTextChange} />
+	</div>
+	<div className='rightPane'>
+		<PageContainer text={this.state.text} />
+	</div>
+</div>
+
+
+*/

client/homebrew/homePage/homePage.less

@@ -1,5 +1,7 @@
 
 .homePage{
+
+
 	position : relative;
 	a.floatingNewButton{
 		.animate(background-color);