Starting on the brew card

shared/homebrewery/brewCard/brewCard.jsx

@@ -0,0 +1,30 @@
+
+const React = require('react');
+const _     = require('lodash');
+const cx    = require('classnames');
+
+const BrewCard = React.createClass({
+	getDefaultProps: function() {
+		return {
+			brew : {
+				shareId : '',
+				title : '',
+				description : '',
+
+				views : 0,
+
+				editId : false
+			}
+		};
+	},
+	render: function(){
+		const brew = this.props.brew;
+		return <div className='brewCard'>
+			<h3>{brew.title}</h3>
+			<p>{brew.description}</p>
+
+		</div>
+	}
+});
+
+module.exports = BrewCard;

shared/homebrewery/brewCard/brewCard.less

@@ -0,0 +1,10 @@
+.brewCard{
+	width : 300px;
+	height : 100px;
+
+	//border : 1px solid black;
+	background-image    : url('/assets/homebrewery/brewCard/monster_bg.jpg');
+
+	position : relative;
+
+}

shared/homebrewery/snippets/brew/index.js

@@ -6,7 +6,10 @@ module.exports = _.merge(
 	require('./class.snippet.js'),
 	require('./note.snippet.js'),
 	require('./monster.snippet.js'),
-	require('./toc.snippet.js')
+	require('./toc.snippet.js'),
+
+	require('./random.brew.js')
+
 
 
 		//wide

shared/homebrewery/snippets/brew/random.brew.js

@@ -0,0 +1,11 @@
+const _ = require('lodash');
+const Data = require('./random.data.js');
+
+
+module.exports = {
+	brew : ()=>{
+
+
+
+	}
+}