New navbar is done for the homepage, looking really good

client/homebrew/homePage/homePage.jsx

@@ -13,6 +13,8 @@ var Editor = require('../editor/editor.jsx');
 
 var Nav = require('naturalCrit/nav/nav.jsx');
 
+var Navbar = require('../navbar/navbar.jsx');
+
 
 
 
@@ -58,17 +60,22 @@ var HomePage = React.createClass({
 		return(
 			<div className='homePage'>
 
-
-				<Nav.base>
-					Test
-
-				</Nav.base>
+				<Navbar>
+					<Nav.item
+						href='/homebrew/changelog'
+						color='purple'
+						icon='fa-file-text-o'>
+						Changelog
+					</Nav.item>
+					<Nav.item
+						href='/homebrew/new'
+						color='green'
+						icon='fa-external-link'>
+						New Brew
+					</Nav.item>
+				</Navbar>
 
 
-
-				<Statusbar
-					printId="Nkbh52nx_l"
-				/>
 				<div className='paneSplit'>
 					<div className='leftPane'>
 						<Editor text={this.state.text} onChange={this.handleTextChange} />

client/homebrew/navbar/navbar.jsx

@@ -2,13 +2,27 @@ var React = require('react');
 var _ = require('lodash');
 var cx = require('classnames');
 
-var COM = React.createClass({
+
+var Nav = require('naturalCrit/nav/nav.jsx');
+
+
+
+var Navbar = React.createClass({
 
 	render : function(){
-		return <div className='COM'>
-			COM Ready!
-		</div>
+		return <Nav.base>
+			<Nav.section>
+				<Nav.logo />
+				<Nav.item href='/homebrew' className='homebrewLogo'>
+					<div>The Homebrewery</div>
+				</Nav.item>
+			</Nav.section>
+
+			<Nav.section>
+				{this.props.children}
+			</Nav.section>
+		</Nav.base>
 	}
 });
 
-module.exports = COM;
+module.exports = Navbar;

client/homebrew/navbar/navbar.less

@@ -1,3 +1,19 @@
-.COM{
+.homebrew nav{
+
+	.homebrewLogo{
+		.animate(color);
+		font-family     : CodeBold;
+		font-size: 12px;
+
+		div{
+			margin-top: 3px;
+			margin-bottom: -3px;
+		}
+
+		color : white;
+		&:hover{
+			color : @blue;
+		}
+	}
 
 }