Adding in page ids to allow for hyperlinking

client/homebrew/brewRenderer/brewRenderer.jsx

@@ -57,14 +57,14 @@ var BrewRenderer = React.createClass({
 		</div>
 	},
 
-	renderDummyPage : function(key){
-		return <div className='phb' key={key}>
+	renderDummyPage : function(index){
+		return <div className='phb' id={`p${index + 1}`} key={index}>
 			<i className='fa fa-spinner fa-spin' />
 		</div>
 	},
 
 	renderPage : function(pageText, index){
-		return <div className='phb' dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
 	},
 
 	renderPages : function(){

client/homebrew/editor/snippets/snippets.js

@@ -63,6 +63,12 @@ module.exports = [
 				gen : "<div class='pageNumber auto'></div>\n"
 			},
 
+			{
+				name : "Link to page",
+				icon : 'fa-link',
+				gen : "[Click here](#p3) to go to page 3\n"
+			},
+
 
 		]
 	},

client/homebrew/navbar/navbar.jsx

@@ -11,7 +11,7 @@ var Navbar = React.createClass({
 				<Nav.item href='/' className='homebrewLogo'>
 					<div>The Homebrewery</div>
 				</Nav.item>
-				<Nav.item>v2.2.3</Nav.item>
+				<Nav.item>v2.2.4</Nav.item>
 			</Nav.section>
 			{this.props.children}
 		</Nav.base>