lint

2025-12-12 23:35:58 +00:00 · 2018-04-08 22:23:03 -04:00
parent bf27250990
commit ed1b5252be
51 changed files with 2837 additions and 2852 deletions
--- a/client/admin/admin.jsx
+++ b/client/admin/admin.jsx
@@ -1,20 +1,19 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

-var HomebrewAdmin = require('./homebrewAdmin/homebrewAdmin.jsx');
+const HomebrewAdmin = require('./homebrewAdmin/homebrewAdmin.jsx');

-var Admin = React.createClass({
+const Admin = React.createClass({
 	getDefaultProps : function() {
 		return {
-			url : "",
-			admin_key : "",
+			url       : '',
+			admin_key : '',
 			homebrews : [],
 		};
 	},

 	render : function(){
-		var self = this;
 		return (
 			<div className='admin'>

--- a/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx
+++ b/client/admin/homebrewAdmin/brewLookup/brewLookup.jsx
@@ -23,7 +23,7 @@ const BrewLookup = React.createClass({
 	handleChange : function(e){
 		this.setState({
 			query : e.target.value
-		})
+		});
 	},
 	lookup : function(){
 		this.setState({ searching: true });
@@ -35,7 +35,7 @@ const BrewLookup = React.createClass({
 					searching  : false,
 					resultBrew : (err ? null : res.body)
 				});
-			})
+			});
 	},

 	renderFoundBrew : function(){
@@ -46,11 +46,11 @@ const BrewLookup = React.createClass({
 		return <div className='brewRow'>
 			<div>{brew.title}</div>
 			<div>{brew.authors.join(', ')}</div>
-			<div><a href={'/edit/' + brew.editId} target='_blank'>/edit/{brew.editId}</a></div>
-			<div><a href={'/share/' + brew.shareId} target='_blank'>/share/{brew.shareId}</a></div>
+			<div><a href={`/edit/${brew.editId}`} target='_blank'>/edit/{brew.editId}</a></div>
+			<div><a href={`/share/${brew.shareId}`} target='_blank'>/share/{brew.shareId}</a></div>
 			<div>{Moment(brew.updatedAt).fromNow()}</div>
 			<div>{brew.views}</div>
-		</div>
+		</div>;
 	},

 	render : function(){
@@ -60,7 +60,7 @@ const BrewLookup = React.createClass({
 			<button onClick={this.lookup}><i className='fa fa-search'/></button>

 			{this.renderFoundBrew()}
-		</div>
+		</div>;
 	}
 });

--- a/client/admin/homebrewAdmin/brewSearch.jsx
+++ b/client/admin/homebrewAdmin/brewSearch.jsx
@@ -1,10 +1,10 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

-var request = require('superagent');
+const request = require('superagent');

-var BrewSearch = React.createClass({
+const BrewSearch = React.createClass({

 	getDefaultProps : function() {
 		return {
@@ -26,7 +26,7 @@ var BrewSearch = React.createClass({
 			searching : true
 		});

-		request.get('/homebrew/api/search?id=' + this.state.searchTerm)
+		request.get(`/homebrew/api/search?id=${this.state.searchTerm}`)
 			.query({
 				admin_key : this.props.admin_key,
 			})
@@ -36,7 +36,7 @@ var BrewSearch = React.createClass({
 					brew : res.body.brews[0],

 					searching : false
-				})
+				});
 			});
 	},

@@ -54,7 +54,7 @@ var BrewSearch = React.createClass({
 		return <div className='brew'>
 			<div>Edit id : {this.state.brew.editId}</div>
 			<div>Share id : {this.state.brew.shareId}</div>
-		</div>
+		</div>;
 	},

 	render : function(){
@@ -64,7 +64,7 @@ var BrewSearch = React.createClass({
 			<button onClick={this.handleSearchClick}>Search</button>

 			{this.renderBrew()}
-		</div>
+		</div>;
 	},

 });
--- a/client/admin/homebrewAdmin/homebrewAdmin.jsx
+++ b/client/admin/homebrewAdmin/homebrewAdmin.jsx
@@ -1,16 +1,15 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
-var request = require('superagent');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');
+const request = require('superagent');

-var Moment = require('moment');
-
-var BrewSearch = require('./brewSearch.jsx');
-
-var BrewLookup = require('./brewLookup/brewLookup.jsx');
+const Moment = require('moment');


-var HomebrewAdmin = React.createClass({
+const BrewLookup = require('./brewLookup/brewLookup.jsx');
+
+
+const HomebrewAdmin = React.createClass({
 	getDefaultProps : function() {
 		return {
 			admin_key : ''
@@ -43,8 +42,8 @@ var HomebrewAdmin = React.createClass({
 					brewCache : this.state.brewCache,
 					total     : res.body.total,
 					count     : res.body.count
-				})
-			})
+				});
+			});
 	},

 	componentDidMount : function() {
@@ -57,7 +56,7 @@ var HomebrewAdmin = React.createClass({
 		}
 		this.setState({
 			page : page
-		})
+		});
 	},


@@ -65,23 +64,23 @@ var HomebrewAdmin = React.createClass({
 		request.get('/api/invalid')
 			.query({ admin_key: this.props.admin_key })
 			.end((err, res)=>{
-				if(!confirm("This will remove " + res.body.count + " brews. Are you sure?")) return;
+				if(!confirm(`This will remove ${res.body.count} brews. Are you sure?`)) return;
 				request.get('/api/invalid')
 					.query({ admin_key: this.props.admin_key, do_it: true })
 					.end((err, res)=>{
-						alert("Done!")
+						alert('Done!');
 					});
 			});
 	},


 	deleteBrew : function(brewId){
-		if(!confirm("Are you sure you want to delete '" + brewId + "'?")) return;
-		request.get('/api/remove/' + brewId)
+		if(!confirm(`Are you sure you want to delete '${brewId}'?`)) return;
+		request.get(`/api/remove/${brewId}`)
 			.query({ admin_key: this.props.admin_key })
 			.end(function(err, res){
 				window.location.reload();
-			})
+			});
 	},

 	handlePageChange : function(dir){
@@ -90,34 +89,34 @@ var HomebrewAdmin = React.createClass({


 	renderPagnination : function(){
-		var outOf;
+		let outOf;
 		if(this.state.total){
-			outOf = this.state.page + ' / ' + Math.round(this.state.total/this.state.count);
+			outOf = `${this.state.page} / ${Math.round(this.state.total/this.state.count)}`;
 		}
 		return <div className='pagnination'>
-			<i className='fa fa-chevron-left' onClick={this.handlePageChange.bind(this, -1)}/>
+			<i className='fa fa-chevron-left' onClick={()=>this.handlePageChange(-1)}/>
 			{outOf}
-			<i className='fa fa-chevron-right' onClick={this.handlePageChange.bind(this, 1)}/>
-		</div>
+			<i className='fa fa-chevron-right' onClick={()=>this.handlePageChange(1)}/>
+		</div>;
 	},


 	renderBrews : function(){
-		var brews = this.state.brewCache[this.state.page] || _.times(this.state.count);
+		const brews = this.state.brewCache[this.state.page] || _.times(this.state.count);
 		return _.map(brews, (brew)=>{
-			return <tr className={cx('brewRow', {'isEmpty' : brew.text == "false"})} key={brew.shareId || brew}>
-				<td><a href={'/edit/' + brew.editId} target='_blank'>{brew.editId}</a></td>
-				<td><a href={'/share/' + brew.shareId} target='_blank'>{brew.shareId}</a></td>
+			return <tr className={cx('brewRow', { 'isEmpty': brew.text == 'false' })} key={brew.shareId || brew}>
+				<td><a href={`/edit/${brew.editId}`} target='_blank'>{brew.editId}</a></td>
+				<td><a href={`/share/${brew.shareId}`} target='_blank'>{brew.shareId}</a></td>
 				<td>{Moment(brew.createdAt).fromNow()}</td>
 				<td>{Moment(brew.updatedAt).fromNow()}</td>
 				<td>{Moment(brew.lastViewed).fromNow()}</td>
 				<td>{brew.views}</td>
 				<td>
-					<div className='deleteButton' onClick={this.deleteBrew.bind(this, brew.editId)}>
+					<div className='deleteButton' onClick={()=>this.deleteBrew(brew.editId)}>
 						<i className='fa fa-trash' />
 					</div>
 				</td>
-			</tr>
+			</tr>;
 		});
 	},

@@ -138,11 +137,10 @@ var HomebrewAdmin = React.createClass({
 					{this.renderBrews()}
 				</tbody>
 			</table>
-		</div>
+		</div>;
 	},

 	render : function(){
-		var self = this;
 		return <div className='homebrewAdmin'>

 			<BrewLookup adminKey={this.props.admin_key} />
@@ -165,7 +163,7 @@ var HomebrewAdmin = React.createClass({

 			<BrewSearch admin_key={this.props.admin_key} />
 		*/}
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -6,7 +6,7 @@ const Markdown = require('naturalcrit/markdown.js');
 const ErrorBar = require('./errorBar/errorBar.jsx');

 //TODO: move to the brew renderer
-const RenderWarnings = require('homebrewery/renderWarnings/renderWarnings.jsx')
+const RenderWarnings = require('homebrewery/renderWarnings/renderWarnings.jsx');

 const PAGE_HEIGHT = 1056;
 const PPR_THRESHOLD = 50;
@@ -40,10 +40,10 @@ const BrewRenderer = React.createClass({

 	componentDidMount : function() {
 		this.updateSize();
-		window.addEventListener("resize", this.updateSize);
+		window.addEventListener('resize', this.updateSize);
 	},
 	componentWillUnmount : function() {
-		window.removeEventListener("resize", this.updateSize);
+		window.removeEventListener('resize', this.updateSize);
 	},

 	componentWillReceiveProps : function(nextProps) {
@@ -53,7 +53,7 @@ const BrewRenderer = React.createClass({
 		this.setState({
 			pages  : pages,
 			usePPR : pages.length >= PPR_THRESHOLD
-		})
+		});
 	},

 	updateSize : function() {
@@ -76,7 +76,7 @@ const BrewRenderer = React.createClass({
 	shouldRender : function(pageText, index){
 		if(!this.state.isMounted) return false;

-		var viewIndex = this.state.viewablePageNumber;
+		const viewIndex = this.state.viewablePageNumber;
 		if(index == viewIndex - 3) return true;
 		if(index == viewIndex - 2) return true;
 		if(index == viewIndex - 1) return true;
@@ -94,7 +94,7 @@ const BrewRenderer = React.createClass({
 	renderPageInfo : function(){
 		return <div className='pageInfo'>
 			{this.state.viewablePageNumber + 1} / {this.state.pages.length}
-		</div>
+		</div>;
 	},

 	renderPPRmsg : function(){
@@ -102,17 +102,17 @@ const BrewRenderer = React.createClass({

 		return <div className='ppr_msg'>
 			Partial Page Renderer enabled, because your brew is so large. May effect rendering.
-		</div>
+		</div>;
 	},

 	renderDummyPage : function(index){
 		return <div className='phb' id={`p${index + 1}`} key={index}>
 			<i className='fa fa-spinner fa-spin' />
-		</div>
+		</div>;
 	},

 	renderPage : function(pageText, index){
-		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} key={index} />;
 	},

 	renderPages : function(){
@@ -146,7 +146,7 @@ const BrewRenderer = React.createClass({
 			</div>
 			{this.renderPageInfo()}
 			{this.renderPPRmsg()}
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/brewRenderer/errorBar/errorBar.jsx
+++ b/client/homebrew/brewRenderer/errorBar/errorBar.jsx
@@ -1,8 +1,8 @@
-var React = require('react');
-var _     = require('lodash');
-var cx    = require('classnames');
+const React = require('react');
+const _     = require('lodash');
+const cx    = require('classnames');

-var ErrorBar = React.createClass({
+const ErrorBar = React.createClass({
 	getDefaultProps : function() {
 		return {
 			errors : []
@@ -19,20 +19,20 @@ var ErrorBar = React.createClass({
 		this.hasMatchError = false;


-		var errors = _.map(this.props.errors, (err, idx) => {
+		const errors = _.map(this.props.errors, (err, idx)=>{
 			if(err.id == 'OPEN') this.hasOpenError = true;
 			if(err.id == 'CLOSE') this.hasCloseError = true;
 			if(err.id == 'MISMATCH') this.hasMatchError = true;
 			return <li key={idx}>
 				Line {err.line} : {err.text}, '{err.type}' tag
-			</li>
+			</li>;
 		});

-		return <ul>{errors}</ul>
+		return <ul>{errors}</ul>;
 	},

 	renderProtip : function(){
-		var msg = [];
+		const msg = [];
 		if(this.hasOpenError){
 			msg.push(<div>
 				An unmatched opening tag means there's an opened tag that isn't closed, you need to close a tag, like this {'</div>'}. Make sure to match types!
@@ -53,7 +53,7 @@ var ErrorBar = React.createClass({
 		return <div className='protips'>
 			<h4>Protips!</h4>
 			{msg}
-		</div>
+		</div>;
 	},

 	render : function(){
@@ -66,7 +66,7 @@ var ErrorBar = React.createClass({
 			{this.renderErrors()}
 			<hr />
 			{this.renderProtip()}
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/editor/editor.jsx
+++ b/client/homebrew/editor/editor.jsx
@@ -36,10 +36,10 @@ const Editor = React.createClass({
 	componentDidMount : function() {
 		this.updateEditorSize();
 		this.highlightPageLines();
-		window.addEventListener("resize", this.updateEditorSize);
+		window.addEventListener('resize', this.updateEditorSize);
 	},
 	componentWillUnmount : function() {
-		window.removeEventListener("resize", this.updateEditorSize);
+		window.removeEventListener('resize', this.updateEditorSize);
 	},

 	updateEditorSize : function() {
@@ -64,7 +64,7 @@ const Editor = React.createClass({
 	handgleToggle : function(){
 		this.setState({
 			showMetadataEditor : !this.state.showMetadataEditor
-		})
+		});
 	},

 	getCurrentPage : function(){
@@ -86,13 +86,13 @@ const Editor = React.createClass({
 			}
 			return r;
 		}, []);
-		return lineNumbers
+		return lineNumbers;
 	},


 	brewJump : function(){
 		const currentPage = this.getCurrentPage();
-		window.location.hash = 'p' + currentPage;
+		window.location.hash = `p${currentPage}`;
 	},

 	//Called when there are changes to the editor's dimensions
@@ -105,7 +105,7 @@ const Editor = React.createClass({
 		return <MetadataEditor
 			metadata={this.props.metadata}
 			onChange={this.props.onMetadataChange}
-		/>
+		/>;
 	},

 	render : function(){
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -1,9 +1,9 @@
 const React = require('react');
 const _     = require('lodash');
 const cx    = require('classnames');
-const request = require("superagent");
+const request = require('superagent');

-const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder']
+const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder'];

 const MetadataEditor = React.createClass({
 	getDefaultProps : function() {
@@ -24,7 +24,7 @@ const MetadataEditor = React.createClass({
 	handleFieldChange : function(name, e){
 		this.props.onChange(_.merge({}, this.props.metadata, {
 			[name] : e.target.value
-		}))
+		}));
 	},
 	handleSystem : function(system, e){
 		if(e.target.checked){
@@ -41,10 +41,10 @@ const MetadataEditor = React.createClass({
 	},

 	handleDelete : function(){
-		if(!confirm("are you sure you want to delete this brew?")) return;
-		if(!confirm("are you REALLY sure? You will not be able to recover it")) return;
+		if(!confirm('are you sure you want to delete this brew?')) return;
+		if(!confirm('are you REALLY sure? You will not be able to recover it')) return;

-		request.get('/api/remove/' + this.props.metadata.editId)
+		request.get(`/api/remove/${this.props.metadata.editId}`)
 			.send()
 			.end(function(err, res){
 				window.location.href = '/';
@@ -67,21 +67,21 @@ const MetadataEditor = React.createClass({
 				<input
 					type='checkbox'
 					checked={_.includes(this.props.metadata.systems, val)}
-					onChange={this.handleSystem.bind(null, val)} />
+					onChange={()=>this.handleSystem(val)} />
 				{val}
-			</label>
+			</label>;
 		});
 	},

 	renderPublish : function(){
 		if(this.props.metadata.published){
-			return <button className='unpublish' onClick={this.handlePublish.bind(null, false)}>
+			return <button className='unpublish' onClick={()=>this.handlePublish(false)}>
 				<i className='fa fa-ban' /> unpublish
-			</button>
+			</button>;
 		} else {
-			return <button className='publish' onClick={this.handlePublish.bind(null, true)}>
+			return <button className='publish' onClick={()=>this.handlePublish(true)}>
 				<i className='fa fa-globe' /> publish
-			</button>
+			</button>;
 		}
 	},

@@ -95,7 +95,7 @@ const MetadataEditor = React.createClass({
 					<i className='fa fa-trash' /> delete brew
 				</button>
 			</div>
-		</div>
+		</div>;
 	},

 	renderAuthors : function(){
@@ -108,7 +108,7 @@ const MetadataEditor = React.createClass({
 			<div className='value'>
 				{text}
 			</div>
-		</div>
+		</div>;
 	},

 	renderShareToReddit : function(){
@@ -123,7 +123,7 @@ const MetadataEditor = React.createClass({
 					</button>
 				</a>
 			</div>
-		</div>
+		</div>;
 	},

 	render : function(){
@@ -132,18 +132,18 @@ const MetadataEditor = React.createClass({
 				<label>title</label>
 				<input type='text' className='value'
 					value={this.props.metadata.title}
-					onChange={this.handleFieldChange.bind(null, 'title')} />
+					onChange={()=>this.handleFieldChange('title')} />
 			</div>
 			<div className='field description'>
 				<label>description</label>
 				<textarea value={this.props.metadata.description} className='value'
-					onChange={this.handleFieldChange.bind(null, 'description')} />
+					onChange={()=>this.handleFieldChange('description')} />
 			</div>
 			{/*}
 			<div className='field tags'>
 				<label>tags</label>
 				<textarea value={this.props.metadata.tags}
-					onChange={this.handleFieldChange.bind(null, 'tags')} />
+					onChange={()=>this.handleFieldChange('tags')} />
 			</div>
 			*/}

@@ -168,7 +168,7 @@ const MetadataEditor = React.createClass({

 			{this.renderDelete()}

-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/editor/snippetbar/snippetbar.jsx
+++ b/client/homebrew/editor/snippetbar/snippetbar.jsx
@@ -8,7 +8,7 @@ const Snippets = require('./snippets/snippets.js');
 const execute = function(val, brew){
 	if(_.isFunction(val)) return val(brew);
 	return val;
-}
+};



@@ -23,7 +23,7 @@ const Snippetbar = React.createClass({
 	},

 	handleSnippetClick : function(injectedText){
-		this.props.onInject(injectedText)
+		this.props.onInject(injectedText);
 	},

 	renderSnippetGroups : function(){
@@ -35,8 +35,8 @@ const Snippetbar = React.createClass({
 				snippets={snippetGroup.snippets}
 				key={snippetGroup.groupName}
 				onSnippetClick={this.handleSnippetClick}
-			/>
-		})
+			/>;
+		});
 	},

 	render : function(){
@@ -46,7 +46,7 @@ const Snippetbar = React.createClass({
 				onClick={this.props.onToggle}>
 				<i className='fa fa-bars' />
 			</div>
-		</div>
+		</div>;
 	}
 });

@@ -72,23 +72,23 @@ const SnippetGroup = React.createClass({
 	},
 	renderSnippets : function(){
 		return _.map(this.props.snippets, (snippet)=>{
-			return <div className='snippet' key={snippet.name} onClick={this.handleSnippetClick.bind(this, snippet)}>
-				<i className={'fa fa-fw ' + snippet.icon} />
+			return <div className='snippet' key={snippet.name} onClick={()=>this.handleSnippetClick(snippet)}>
+				<i className={`fa fa-fw ${snippet.icon}`} />
 				{snippet.name}
-			</div>
-		})
+			</div>;
+		});
 	},

 	render : function(){
 		return <div className='snippetGroup'>
 			<div className='text'>
-				<i className={'fa fa-fw ' + this.props.icon} />
+				<i className={`fa fa-fw ${this.props.icon}`} />
 				<span className='groupName'>{this.props.groupName}</span>
 			</div>
 			<div className='dropdown'>
 				{this.renderSnippets()}
 			</div>
-		</div>
+		</div>;
 	},

 });
--- a/client/homebrew/editor/snippetbar/snippets/classfeature.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/classfeature.gen.js
@@ -1,42 +1,42 @@
-var _ = require('lodash');
+const _ = require('lodash');

 module.exports = function(classname){

 	classname = _.sample(['archivist', 'fancyman', 'linguist', 'fletcher',
-			'notary', 'berserker-typist', 'fishmongerer', 'manicurist', 'haberdasher', 'concierge'])
+		'notary', 'berserker-typist', 'fishmongerer', 'manicurist', 'haberdasher', 'concierge']);

 	classname = classname.toLowerCase();

-	var hitDie = _.sample([4, 6, 8, 10, 12]);
+	const hitDie = _.sample([4, 6, 8, 10, 12]);

-	var abilityList = ["Strength", "Dexerity", "Constitution", "Wisdom", "Charisma", "Intelligence"];
-	var skillList = ["Acrobatics ", "Animal Handling", "Arcana", "Athletics", "Deception", "History", "Insight", "Intimidation", "Investigation", "Medicine", "Nature", "Perception", "Performance", "Persuasion", "Religion", "Sleight of Hand", "Stealth", "Survival"];
+	const abilityList = ['Strength', 'Dexerity', 'Constitution', 'Wisdom', 'Charisma', 'Intelligence'];
+	const skillList = ['Acrobatics ', 'Animal Handling', 'Arcana', 'Athletics', 'Deception', 'History', 'Insight', 'Intimidation', 'Investigation', 'Medicine', 'Nature', 'Perception', 'Performance', 'Persuasion', 'Religion', 'Sleight of Hand', 'Stealth', 'Survival'];


 	return [
-		"## Class Features",
-		"As a " + classname + ", you gain the following class features",
-		"#### Hit Points",
-		"___",
-		"- **Hit Dice:** 1d" + hitDie + " per " + classname + " level",
-		"- **Hit Points at 1st Level:** " + hitDie + " + your Constitution modifier",
-		"- **Hit Points at Higher Levels:** 1d" + hitDie + " (or " + (hitDie/2 + 1) + ") + your Constitution modifier per " + classname + " level after 1st",
-		"",
-		"#### Proficiencies",
-		"___",
-		"- **Armor:** " + (_.sampleSize(["Light armor", "Medium armor", "Heavy armor", "Shields"], _.random(0,3)).join(', ') || "None"),
-		"- **Weapons:** " + (_.sampleSize(["Squeegee", "Rubber Chicken", "Simple weapons", "Martial weapons"], _.random(0,2)).join(', ') || "None"),
-		"- **Tools:** " + (_.sampleSize(["Artian's tools", "one musical instrument", "Thieve's tools"], _.random(0,2)).join(', ') || "None"),
-		"",
-		"___",
-		"- **Saving Throws:** " + (_.sampleSize(abilityList, 2).join(', ')),
-		"- **Skills:** Choose two from " + (_.sampleSize(skillList, _.random(4, 6)).join(', ')),
-		"",
-		"#### Equipment",
-		"You start with the following equipment, in addition to the equipment granted by your background:",
-		"- *(a)* a martial weapon and a shield or *(b)* two martial weapons",
-		"- *(a)* five javelins or *(b)* any simple melee weapon",
-		"- " + (_.sample(["10 lint fluffs", "1 button", "a cherished lost sock"])),
-		"\n\n\n"
+		'## Class Features',
+		`As a ${classname}, you gain the following class features`,
+		'#### Hit Points',
+		'___',
+		`- **Hit Dice:** 1d${hitDie} per ${classname} level`,
+		`- **Hit Points at 1st Level:** ${hitDie} + your Constitution modifier`,
+		`- **Hit Points at Higher Levels:** 1d${hitDie} (or ${hitDie/2 + 1}) + your Constitution modifier per ${classname} level after 1st`,
+		'',
+		'#### Proficiencies',
+		'___',
+		`- **Armor:** ${_.sampleSize(['Light armor', 'Medium armor', 'Heavy armor', 'Shields'], _.random(0, 3)).join(', ') || 'None'}`,
+		`- **Weapons:** ${_.sampleSize(['Squeegee', 'Rubber Chicken', 'Simple weapons', 'Martial weapons'], _.random(0, 2)).join(', ') || 'None'}`,
+		`- **Tools:** ${_.sampleSize(['Artian\'s tools', 'one musical instrument', 'Thieve\'s tools'], _.random(0, 2)).join(', ') || 'None'}`,
+		'',
+		'___',
+		`- **Saving Throws:** ${_.sampleSize(abilityList, 2).join(', ')}`,
+		`- **Skills:** Choose two from ${_.sampleSize(skillList, _.random(4, 6)).join(', ')}`,
+		'',
+		'#### Equipment',
+		'You start with the following equipment, in addition to the equipment granted by your background:',
+		'- *(a)* a martial weapon and a shield or *(b)* two martial weapons',
+		'- *(a)* five javelins or *(b)* any simple melee weapon',
+		`- ${_.sample(['10 lint fluffs', '1 button', 'a cherished lost sock'])}`,
+		'\n\n\n'
 	].join('\n');
-}
+};
--- a/client/homebrew/editor/snippetbar/snippets/classtable.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/classtable.gen.js
@@ -1,82 +1,82 @@
-var _ = require('lodash');
+const _ = require('lodash');

-var features = [
-	"Astrological Botany",
-	"Astrological Chemistry",
-	"Biochemical Sorcery",
-	"Civil Alchemy",
-	"Consecrated Biochemistry",
-	"Demonic Anthropology",
-	"Divinatory Mineralogy",
-	"Genetic Banishing",
-	"Hermetic Geography",
-	"Immunological Incantations",
-	"Nuclear Illusionism",
-	"Ritual Astronomy",
-	"Seismological Divination",
-	"Spiritual Biochemistry",
-	"Statistical Occultism",
-	"Police Necromancer",
-	"Sixgun Poisoner",
-	"Pharmaceutical Gunslinger",
-	"Infernal Banker",
-	"Spell Analyst",
-	"Gunslinger Corruptor",
-	"Torque Interfacer",
-	"Exo Interfacer",
-	"Gunpowder Torturer",
-	"Orbital Gravedigger",
-	"Phased Linguist",
-	"Mathematical Pharmacist",
-	"Plasma Outlaw",
-	"Malefic Chemist",
-	"Police Cultist"
+const features = [
+	'Astrological Botany',
+	'Astrological Chemistry',
+	'Biochemical Sorcery',
+	'Civil Alchemy',
+	'Consecrated Biochemistry',
+	'Demonic Anthropology',
+	'Divinatory Mineralogy',
+	'Genetic Banishing',
+	'Hermetic Geography',
+	'Immunological Incantations',
+	'Nuclear Illusionism',
+	'Ritual Astronomy',
+	'Seismological Divination',
+	'Spiritual Biochemistry',
+	'Statistical Occultism',
+	'Police Necromancer',
+	'Sixgun Poisoner',
+	'Pharmaceutical Gunslinger',
+	'Infernal Banker',
+	'Spell Analyst',
+	'Gunslinger Corruptor',
+	'Torque Interfacer',
+	'Exo Interfacer',
+	'Gunpowder Torturer',
+	'Orbital Gravedigger',
+	'Phased Linguist',
+	'Mathematical Pharmacist',
+	'Plasma Outlaw',
+	'Malefic Chemist',
+	'Police Cultist'
 ];

-var classnames = ['Archivist', 'Fancyman', 'Linguist', 'Fletcher',
+const classnames = ['Archivist', 'Fancyman', 'Linguist', 'Fletcher',
 	'Notary', 'Berserker-Typist', 'Fishmongerer', 'Manicurist', 'Haberdasher', 'Concierge'];

-var levels = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th", "10th", "11th", "12th", "13th", "14th", "15th", "16th", "17th", "18th", "19th", "20th"]
+const levels = ['1st', '2nd', '3rd', '4th', '5th', '6th', '7th', '8th', '9th', '10th', '11th', '12th', '13th', '14th', '15th', '16th', '17th', '18th', '19th', '20th'];

-var profBonus = [2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,6,6,6,6];
+const profBonus = [2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5, 5, 5, 6, 6, 6, 6];

-var getFeature = (level)=>{
-	var res = []
+const getFeature = (level)=>{
+	let res = [];
 	if(_.includes([4, 6, 8, 12, 14, 16, 19], level+1)){
-		res = ["Ability Score Improvement"]
+		res = ['Ability Score Improvement'];
 	}
 	res = _.union(res, _.sampleSize(features, _.sample([0, 1, 1, 1, 1, 1])));
-	if(!res.length) return "─";
+	if(!res.length) return '─';
 	return res.join(', ');
-}
+};

 module.exports = {
 	full : function(){
-		var classname = _.sample(classnames)
+		const classname = _.sample(classnames);

-		var maxes = [4,3,3,3,3,2,2,1,1]
-		var drawSlots = function(Slots){
-			var slots = Number(Slots);
+		const maxes = [4, 3, 3, 3, 3, 2, 2, 1, 1];
+		const drawSlots = function(Slots){
+			let slots = Number(Slots);
 			return _.times(9, function(i){
-				var max = maxes[i];
-				if(slots < 1) return "—";
-				var res = _.min([max, slots]);
+				const max = maxes[i];
+				if(slots < 1) return '—';
+				const res = _.min([max, slots]);
 				slots -= res;
 				return res;
-			}).join(' | ')
-		}
+			}).join(' | ');
+		};


-		var cantrips = 3;
-		var spells = 1;
-		var slots = 2;
-		return "<div class='classTable wide'>\n##### The " + classname + "\n" +
-		"| Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |\n"+
-		"|:---:|:---:|:---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|\n" +
+		let cantrips = 3;
+		let spells = 1;
+		let slots = 2;
+		return `<div class='classTable wide'>\n##### The ${classname}\n` +
+		`| Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |\n`+
+		`|:---:|:---:|:---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|\n${
 			_.map(levels, function(levelName, level){
-			var res = [
+				const res = [
 					levelName,
-				"+" + profBonus[level],
+					`+${profBonus[level]}`,
 					getFeature(level),
 					cantrips,
 					spells,
@@ -87,28 +87,28 @@ module.exports = {
 				spells += _.random(0, 1);
 				slots += _.random(0, 2);

-			return "| " + res + " |";
-		}).join('\n') +'\n</div>\n\n';
+				return `| ${res} |`;
+			}).join('\n')}\n</div>\n\n`;
 	},

 	half : function(){
-		var classname =  _.sample(classnames)
+		const classname =  _.sample(classnames);

-		var featureScore = 1
-		return "<div class='classTable'>\n##### The " + classname + "\n" +
-		"| Level | Proficiency Bonus | Features | " + _.sample(features) + "|\n" +
-		"|:---:|:---:|:---|:---:|\n" +
+		let featureScore = 1;
+		return `<div class='classTable'>\n##### The ${classname}\n` +
+		`| Level | Proficiency Bonus | Features | ${_.sample(features)}|\n` +
+		`|:---:|:---:|:---|:---:|\n${
 			_.map(levels, function(levelName, level){
-			var res = [
+				const res = [
 					levelName,
-				"+" + profBonus[level],
+					`+${profBonus[level]}`,
 					getFeature(level),
-				"+" + featureScore
+					`+${featureScore}`
 				].join(' | ');

 				featureScore += _.random(0, 1);

-			return "| " + res + " |";
-		}).join('\n') +'\n</div>\n\n';
+				return `| ${res} |`;
+			}).join('\n')}\n</div>\n\n`;
 	}
 };
--- a/client/homebrew/editor/snippetbar/snippets/coverpage.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/coverpage.gen.js
@@ -1,100 +1,100 @@
-var _ = require('lodash');
+const _ = require('lodash');

-var titles = [
-	"The Burning Gallows",
-	"The Ring of Nenlast",
-	"Below the Blind Tavern",
-	"Below the Hungering River",
-	"Before Bahamut's Land",
-	"The Cruel Grave from Within",
-	"The Strength of Trade Road",
-	"Through The Raven Queen's Worlds",
-	"Within the Settlement",
-	"The Crown from Within",
-	"The Merchant Within the Battlefield",
-	"Ioun's Fading Traveler",
-	"The Legion Ingredient",
-	"The Explorer Lure",
-	"Before the Charming Badlands",
-	"The Living Dead Above the Fearful Cage",
-	"Vecna's Hidden Sage",
-	"Bahamut's Demonspawn",
-	"Across Gruumsh's Elemental Chaos",
-	"The Blade of Orcus",
-	"Beyond Revenge",
-	"Brain of Insanity",
-	"Breed Battle!, A New Beginning",
-	"Evil Lake, A New Beginning",
-	"Invasion of the Gigantic Cat, Part II",
-	"Kraken War 2020",
-	"The Body Whisperers",
-	"The Diabolical Tales of the Ape-Women",
-	"The Doctor Immortal",
-	"The Doctor from Heaven",
-	"The Graveyard",
-	"Azure Core",
-	"Core Battle",
-	"Core of Heaven: The Guardian of Amazement",
-	"Deadly Amazement III",
-	"Dry Chaos IX",
-	"Gate Thunder",
-	"Guardian: Skies of the Dark Wizard",
-	"Lute of Eternity",
-	"Mercury's Planet: Brave Evolution",
-	"Ruby of Atlantis: The Quake of Peace",
-	"Sky of Zelda: The Thunder of Force",
-	"Vyse's Skies",
-	"White Greatness III",
-	"Yellow Divinity",
-	"Zidane's Ghost"
+const titles = [
+	'The Burning Gallows',
+	'The Ring of Nenlast',
+	'Below the Blind Tavern',
+	'Below the Hungering River',
+	'Before Bahamut\'s Land',
+	'The Cruel Grave from Within',
+	'The Strength of Trade Road',
+	'Through The Raven Queen\'s Worlds',
+	'Within the Settlement',
+	'The Crown from Within',
+	'The Merchant Within the Battlefield',
+	'Ioun\'s Fading Traveler',
+	'The Legion Ingredient',
+	'The Explorer Lure',
+	'Before the Charming Badlands',
+	'The Living Dead Above the Fearful Cage',
+	'Vecna\'s Hidden Sage',
+	'Bahamut\'s Demonspawn',
+	'Across Gruumsh\'s Elemental Chaos',
+	'The Blade of Orcus',
+	'Beyond Revenge',
+	'Brain of Insanity',
+	'Breed Battle!, A New Beginning',
+	'Evil Lake, A New Beginning',
+	'Invasion of the Gigantic Cat, Part II',
+	'Kraken War 2020',
+	'The Body Whisperers',
+	'The Diabolical Tales of the Ape-Women',
+	'The Doctor Immortal',
+	'The Doctor from Heaven',
+	'The Graveyard',
+	'Azure Core',
+	'Core Battle',
+	'Core of Heaven: The Guardian of Amazement',
+	'Deadly Amazement III',
+	'Dry Chaos IX',
+	'Gate Thunder',
+	'Guardian: Skies of the Dark Wizard',
+	'Lute of Eternity',
+	'Mercury\'s Planet: Brave Evolution',
+	'Ruby of Atlantis: The Quake of Peace',
+	'Sky of Zelda: The Thunder of Force',
+	'Vyse\'s Skies',
+	'White Greatness III',
+	'Yellow Divinity',
+	'Zidane\'s Ghost'
 ];

-var subtitles = [
-	"In an ominous universe, a botanist opposes terrorism.",
-	"In a demon-haunted city, in an age of lies and hate, a physicist tries to find an ancient treasure and battles a mob of aliens.",
-	"In a land of corruption, two cyberneticists and a dungeon delver search for freedom.",
-	"In an evil empire of horror, two rangers battle the forces of hell.",
-	"In a lost city, in an age of sorcery, a librarian quests for revenge.",
-	"In a universe of illusions and danger, three time travellers and an adventurer search for justice.",
-	"In a forgotten universe of barbarism, in an era of terror and mysticism, a virtual reality programmer and a spy try to find vengance and battle crime.",
-	"In a universe of demons, in an era of insanity and ghosts, three bodyguards and a bodyguard try to find vengance.",
-	"In a kingdom of corruption and battle, seven artificial intelligences try to save the last living fertile woman.",
-	"In a universe of virutal reality and agony, in an age of ghosts and ghosts, a fortune-teller and a wanderer try to avert the apocalypse.",
-	"In a crime-infested kingdom, three martial artists quest for the truth and oppose evil.",
-	"In a terrifying universe of lost souls, in an era of lost souls, eight dancers fight evil.",
-	"In a galaxy of confusion and insanity, three martial artists and a duke battle a mob of psychics.",
-	"In an amazing kingdom, a wizard and a secretary hope to prevent the destruction of mankind.",
-	"In a kingdom of deception, a reporter searches for fame.",
-	"In a hellish empire, a swordswoman and a duke try to find the ultimate weapon and battle a conspiracy.",
-	"In an evil galaxy of illusion, in a time of technology and misery, seven psychiatrists battle crime.",
-	"In a dark city of confusion, three swordswomen and a singer battle lawlessness.",
-	"In an ominous empire, in an age of hate, two philosophers and a student try to find justice and battle a mob of mages intent on stealing the souls of the innocent.",
-	"In a kingdom of panic, six adventurers oppose lawlessness.",
-	"In a land of dreams and hopelessness, three hackers and a cyborg search for justice.",
-	"On a planet of mysticism, three travelers and a fire fighter quest for the ultimate weapon and oppose evil.",
-	"In a wicked universe, five seers fight lawlessness.",
-	"In a kingdom of death, in an era of illusion and blood, four colonists search for fame.",
-	"In an amazing kingdom, in an age of sorcery and lost souls, eight space pirates quest for freedom.",
-	"In a cursed empire, five inventors oppose terrorism.",
-	"On a crime-ridden planet of conspiracy, a watchman and an artificial intelligence try to find love and oppose lawlessness.",
-	"In a forgotten land, a reporter and a spy try to stop the apocalypse.",
-	"In a forbidden land of prophecy, a scientist and an archivist oppose a cabal of barbarians intent on stealing the souls of the innocent.",
-	"On an infernal world of illusion, a grave robber and a watchman try to find revenge and combat a syndicate of mages intent on stealing the source of all magic.",
-	"In a galaxy of dark magic, four fighters seek freedom.",
-	"In an empire of deception, six tomb-robbers quest for the ultimate weapon and combat an army of raiders.",
-	"In a kingdom of corruption and lost souls, in an age of panic, eight planetologists oppose evil.",
-	"In a galaxy of misery and hopelessness, in a time of agony and pain, five planetologists search for vengance.",
-	"In a universe of technology and insanity, in a time of sorcery, a computer techician quests for hope.",
-	"On a planet of dark magic and barbarism, in an age of horror and blasphemy, seven librarians search for fame.",
-	"In an empire of dark magic, in a time of blood and illusions, four monks try to find the ultimate weapon and combat terrorism.",
-	"In a forgotten empire of dark magic, six kings try to prevent the destruction of mankind.",
-	"In a galaxy of dark magic and horror, in an age of hopelessness, four marines and an outlaw combat evil.",
-	"In a mysterious city of illusion, in an age of computerization, a witch-hunter tries to find the ultimate weapon and opposes an evil corporation.",
-	"In a damned kingdom of technology, a virtual reality programmer and a fighter seek fame.",
-	"In a hellish kingdom, in an age of blasphemy and blasphemy, an astrologer searches for fame.",
-	"In a damned world of devils, an alien and a ranger quest for love and oppose a syndicate of demons.",
-	"In a cursed galaxy, in a time of pain, seven librarians hope to avert the apocalypse.",
-	"In a crime-infested galaxy, in an era of hopelessness and panic, three champions and a grave robber try to solve the ultimate crime."
+const subtitles = [
+	'In an ominous universe, a botanist opposes terrorism.',
+	'In a demon-haunted city, in an age of lies and hate, a physicist tries to find an ancient treasure and battles a mob of aliens.',
+	'In a land of corruption, two cyberneticists and a dungeon delver search for freedom.',
+	'In an evil empire of horror, two rangers battle the forces of hell.',
+	'In a lost city, in an age of sorcery, a librarian quests for revenge.',
+	'In a universe of illusions and danger, three time travellers and an adventurer search for justice.',
+	'In a forgotten universe of barbarism, in an era of terror and mysticism, a virtual reality programmer and a spy try to find vengance and battle crime.',
+	'In a universe of demons, in an era of insanity and ghosts, three bodyguards and a bodyguard try to find vengance.',
+	'In a kingdom of corruption and battle, seven artificial intelligences try to save the last living fertile woman.',
+	'In a universe of virutal reality and agony, in an age of ghosts and ghosts, a fortune-teller and a wanderer try to avert the apocalypse.',
+	'In a crime-infested kingdom, three martial artists quest for the truth and oppose evil.',
+	'In a terrifying universe of lost souls, in an era of lost souls, eight dancers fight evil.',
+	'In a galaxy of confusion and insanity, three martial artists and a duke battle a mob of psychics.',
+	'In an amazing kingdom, a wizard and a secretary hope to prevent the destruction of mankind.',
+	'In a kingdom of deception, a reporter searches for fame.',
+	'In a hellish empire, a swordswoman and a duke try to find the ultimate weapon and battle a conspiracy.',
+	'In an evil galaxy of illusion, in a time of technology and misery, seven psychiatrists battle crime.',
+	'In a dark city of confusion, three swordswomen and a singer battle lawlessness.',
+	'In an ominous empire, in an age of hate, two philosophers and a student try to find justice and battle a mob of mages intent on stealing the souls of the innocent.',
+	'In a kingdom of panic, six adventurers oppose lawlessness.',
+	'In a land of dreams and hopelessness, three hackers and a cyborg search for justice.',
+	'On a planet of mysticism, three travelers and a fire fighter quest for the ultimate weapon and oppose evil.',
+	'In a wicked universe, five seers fight lawlessness.',
+	'In a kingdom of death, in an era of illusion and blood, four colonists search for fame.',
+	'In an amazing kingdom, in an age of sorcery and lost souls, eight space pirates quest for freedom.',
+	'In a cursed empire, five inventors oppose terrorism.',
+	'On a crime-ridden planet of conspiracy, a watchman and an artificial intelligence try to find love and oppose lawlessness.',
+	'In a forgotten land, a reporter and a spy try to stop the apocalypse.',
+	'In a forbidden land of prophecy, a scientist and an archivist oppose a cabal of barbarians intent on stealing the souls of the innocent.',
+	'On an infernal world of illusion, a grave robber and a watchman try to find revenge and combat a syndicate of mages intent on stealing the source of all magic.',
+	'In a galaxy of dark magic, four fighters seek freedom.',
+	'In an empire of deception, six tomb-robbers quest for the ultimate weapon and combat an army of raiders.',
+	'In a kingdom of corruption and lost souls, in an age of panic, eight planetologists oppose evil.',
+	'In a galaxy of misery and hopelessness, in a time of agony and pain, five planetologists search for vengance.',
+	'In a universe of technology and insanity, in a time of sorcery, a computer techician quests for hope.',
+	'On a planet of dark magic and barbarism, in an age of horror and blasphemy, seven librarians search for fame.',
+	'In an empire of dark magic, in a time of blood and illusions, four monks try to find the ultimate weapon and combat terrorism.',
+	'In a forgotten empire of dark magic, six kings try to prevent the destruction of mankind.',
+	'In a galaxy of dark magic and horror, in an age of hopelessness, four marines and an outlaw combat evil.',
+	'In a mysterious city of illusion, in an age of computerization, a witch-hunter tries to find the ultimate weapon and opposes an evil corporation.',
+	'In a damned kingdom of technology, a virtual reality programmer and a fighter seek fame.',
+	'In a hellish kingdom, in an age of blasphemy and blasphemy, an astrologer searches for fame.',
+	'In a damned world of devils, an alien and a ranger quest for love and oppose a syndicate of demons.',
+	'In a cursed galaxy, in a time of pain, seven librarians hope to avert the apocalypse.',
+	'In a crime-infested galaxy, in an era of hopelessness and panic, three champions and a grave robber try to solve the ultimate crime.'
 ];


@@ -113,5 +113,5 @@ module.exports = () => {
 ##### ${_.sample(subtitles)}
 </div>

-\\page`
-}
+\\page`;
+};
--- a/client/homebrew/editor/snippetbar/snippets/fullclass.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/fullclass.gen.js
@@ -1,43 +1,43 @@
-var _ = require('lodash');
+const _ = require('lodash');

-var ClassFeatureGen = require('./classfeature.gen.js');
+const ClassFeatureGen = require('./classfeature.gen.js');

-var ClassTableGen = require('./classtable.gen.js');
+const ClassTableGen = require('./classtable.gen.js');

 module.exports = function(){

-	var classname = _.sample(['Archivist', 'Fancyman', 'Linguist', 'Fletcher',
-			'Notary', 'Berserker-Typist', 'Fishmongerer', 'Manicurist', 'Haberdasher', 'Concierge'])
+	const classname = _.sample(['Archivist', 'Fancyman', 'Linguist', 'Fletcher',
+		'Notary', 'Berserker-Typist', 'Fishmongerer', 'Manicurist', 'Haberdasher', 'Concierge']);


-	var image = _.sample(_.map([
-			"http://orig01.deviantart.net/4682/f/2007/099/f/c/bard_stick_figure_by_wrpigeek.png",
-			"http://img07.deviantart.net/a3c9/i/2007/099/3/a/archer_stick_figure_by_wrpigeek.png",
-			"http://pre04.deviantart.net/d596/th/pre/f/2007/099/5/2/adventurer_stick_figure_by_wrpigeek.png",
-			"http://img13.deviantart.net/d501/i/2007/099/d/4/black_mage_stick_figure_by_wrpigeek.png",
-			"http://img09.deviantart.net/5cf3/i/2007/099/d/d/dark_knight_stick_figure_by_wrpigeek.png",
-			"http://pre01.deviantart.net/7a34/th/pre/f/2007/099/6/3/monk_stick_figure_by_wrpigeek.png",
-			"http://img11.deviantart.net/5dcc/i/2007/099/d/1/mystic_knight_stick_figure_by_wrpigeek.png",
-			"http://pre08.deviantart.net/ad45/th/pre/f/2007/099/a/0/thief_stick_figure_by_wrpigeek.png",
+	const image = _.sample(_.map([
+		'http://orig01.deviantart.net/4682/f/2007/099/f/c/bard_stick_figure_by_wrpigeek.png',
+		'http://img07.deviantart.net/a3c9/i/2007/099/3/a/archer_stick_figure_by_wrpigeek.png',
+		'http://pre04.deviantart.net/d596/th/pre/f/2007/099/5/2/adventurer_stick_figure_by_wrpigeek.png',
+		'http://img13.deviantart.net/d501/i/2007/099/d/4/black_mage_stick_figure_by_wrpigeek.png',
+		'http://img09.deviantart.net/5cf3/i/2007/099/d/d/dark_knight_stick_figure_by_wrpigeek.png',
+		'http://pre01.deviantart.net/7a34/th/pre/f/2007/099/6/3/monk_stick_figure_by_wrpigeek.png',
+		'http://img11.deviantart.net/5dcc/i/2007/099/d/1/mystic_knight_stick_figure_by_wrpigeek.png',
+		'http://pre08.deviantart.net/ad45/th/pre/f/2007/099/a/0/thief_stick_figure_by_wrpigeek.png',
 	], function(url){
-			return "<img src = '" + url + "' style='max-width:8cm;max-height:25cm' />"
-	}))
+		return `<img src = '${url}' style='max-width:8cm;max-height:25cm' />`;
+	}));


-	return [
+	return `${[
 		image,
-		"",
-		"```",
-		"```",
-		"<div style='margin-top:240px'></div>\n\n",
-		"## " + classname,
-		"Cool intro stuff will go here",
+		'',
+		'```',
+		'```',
+		'<div style=\'margin-top:240px\'></div>\n\n',
+		`## ${classname}`,
+		'Cool intro stuff will go here',

-		"\\page",
+		'\\page',
 		ClassTableGen(classname),
 		ClassFeatureGen(classname),



-	].join('\n') + '\n\n\n';
+	].join('\n')}\n\n\n`;
 };
--- a/client/homebrew/editor/snippetbar/snippets/magic.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/magic.gen.js
@@ -1,60 +1,60 @@
-var _ = require('lodash');
+const _ = require('lodash');

-var spellNames = [
-	"Astral Rite of Acne",
-	"Create Acne",
-	"Cursed Ramen Erruption",
-	"Dark Chant of the Dentists",
-	"Erruption of Immaturity",
-	"Flaming Disc of Inconvenience",
-	"Heal Bad Hygene",
-	"Heavenly Transfiguration of the Cream Devil",
-	"Hellish Cage of Mucus",
-	"Irritate Peanut Butter Fairy",
-	"Luminous Erruption of Tea",
-	"Mystic Spell of the Poser",
-	"Sorcerous Enchantment of the Chimneysweep",
-	"Steak Sauce Ray",
-	"Talk to Groupie",
-	"Astonishing Chant of Chocolate",
-	"Astounding Pasta Puddle",
-	"Ball of Annoyance",
-	"Cage of Yarn",
-	"Control Noodles Elemental",
-	"Create Nervousness",
-	"Cure Baldness",
-	"Cursed Ritual of Bad Hair",
-	"Dispell Piles in Dentist",
-	"Eliminate Florists",
-	"Illusionary Transfiguration of the Babysitter",
-	"Necromantic Armor of Salad Dressing",
-	"Occult Transfiguration of Foot Fetish",
-	"Protection from Mucus Giant",
-	"Tinsel Blast",
-	"Alchemical Evocation of the Goths",
-	"Call Fangirl",
-	"Divine Spell of Crossdressing",
-	"Dominate Ramen Giant",
-	"Eliminate Vindictiveness in Gym Teacher",
-	"Extra-Planar Spell of Irritation",
-	"Induce Whining in Babysitter",
-	"Invoke Complaining",
-	"Magical Enchantment of Arrogance",
-	"Occult Globe of Salad Dressing",
-	"Overwhelming Enchantment of the Chocolate Fairy",
-	"Sorcerous Dandruff Globe",
-	"Spiritual Invocation of the Costumers",
-	"Ultimate Rite of the Confetti Angel",
-	"Ultimate Ritual of Mouthwash",
+const spellNames = [
+	'Astral Rite of Acne',
+	'Create Acne',
+	'Cursed Ramen Erruption',
+	'Dark Chant of the Dentists',
+	'Erruption of Immaturity',
+	'Flaming Disc of Inconvenience',
+	'Heal Bad Hygene',
+	'Heavenly Transfiguration of the Cream Devil',
+	'Hellish Cage of Mucus',
+	'Irritate Peanut Butter Fairy',
+	'Luminous Erruption of Tea',
+	'Mystic Spell of the Poser',
+	'Sorcerous Enchantment of the Chimneysweep',
+	'Steak Sauce Ray',
+	'Talk to Groupie',
+	'Astonishing Chant of Chocolate',
+	'Astounding Pasta Puddle',
+	'Ball of Annoyance',
+	'Cage of Yarn',
+	'Control Noodles Elemental',
+	'Create Nervousness',
+	'Cure Baldness',
+	'Cursed Ritual of Bad Hair',
+	'Dispell Piles in Dentist',
+	'Eliminate Florists',
+	'Illusionary Transfiguration of the Babysitter',
+	'Necromantic Armor of Salad Dressing',
+	'Occult Transfiguration of Foot Fetish',
+	'Protection from Mucus Giant',
+	'Tinsel Blast',
+	'Alchemical Evocation of the Goths',
+	'Call Fangirl',
+	'Divine Spell of Crossdressing',
+	'Dominate Ramen Giant',
+	'Eliminate Vindictiveness in Gym Teacher',
+	'Extra-Planar Spell of Irritation',
+	'Induce Whining in Babysitter',
+	'Invoke Complaining',
+	'Magical Enchantment of Arrogance',
+	'Occult Globe of Salad Dressing',
+	'Overwhelming Enchantment of the Chocolate Fairy',
+	'Sorcerous Dandruff Globe',
+	'Spiritual Invocation of the Costumers',
+	'Ultimate Rite of the Confetti Angel',
+	'Ultimate Ritual of Mouthwash',
 ];

 module.exports = {

 	spellList : function(){
-		var levels = ['Cantrips (0 Level)', '2nd Level', '3rd Level', '4th Level', '5th Level', '6th Level', '7th Level', '8th Level', '9th Level'];
+		const levels = ['Cantrips (0 Level)', '2nd Level', '3rd Level', '4th Level', '5th Level', '6th Level', '7th Level', '8th Level', '9th Level'];

-		var content = _.map(levels, (level)=>{
-			var spells = _.map(_.sampleSize(spellNames, _.random(5, 15)), (spell)=>{
+		const content = _.map(levels, (level)=>{
+			const spells = _.map(_.sampleSize(spellNames, _.random(5, 15)), (spell)=>{
 				return `- ${spell}`;
 			}).join('\n');
 			return `##### ${level} \n${spells} \n`;
@@ -64,28 +64,28 @@ module.exports = {
 	},

 	spell : function(){
-		var level = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th"];
-		var spellSchools = ["abjuration", "conjuration", "divination", "enchantment", "evocation", "illusion", "necromancy", "transmutation"];
+		const level = ['1st', '2nd', '3rd', '4th', '5th', '6th', '7th', '8th', '9th'];
+		const spellSchools = ['abjuration', 'conjuration', 'divination', 'enchantment', 'evocation', 'illusion', 'necromancy', 'transmutation'];


-		var components = _.sampleSize(["V", "S", "M"], _.random(1,3)).join(', ');
-		if(components.indexOf("M") !== -1){
-			components += " (" +  _.sampleSize(['a small doll', 'a crushed button worth at least 1cp', 'discarded gum wrapper'], _.random(1,3)).join(', ') + ")"
+		let components = _.sampleSize(['V', 'S', 'M'], _.random(1, 3)).join(', ');
+		if(components.indexOf('M') !== -1){
+			components += ` (${_.sampleSize(['a small doll', 'a crushed button worth at least 1cp', 'discarded gum wrapper'], _.random(1, 3)).join(', ')})`;
 		}

 		return [
-			"#### " + _.sample(spellNames),
-			"*" + _.sample(level) + "-level " + _.sample(spellSchools) + "*",
-			"___",
-			"- **Casting Time:** 1 action",
-			"- **Range:** " + _.sample(["Self", "Touch", "30 feet", "60 feet"]),
-			"- **Components:** " + components,
-			"- **Duration:** " + _.sample(["Until dispelled", "1 round", "Instantaneous", "Concentration, up to 10 minutes", "1 hour"]),
-			"",
-			"A flame, equivalent in brightness to a torch, springs from from an object that you touch. ",
-			"The effect look like a regular flame, but it creates no heat and doesn't use oxygen. ",
-			"A *continual flame* can be covered or hidden but not smothered or quenched.",
-			"\n\n\n"
+			`#### ${_.sample(spellNames)}`,
+			`*${_.sample(level)}-level ${_.sample(spellSchools)}*`,
+			'___',
+			'- **Casting Time:** 1 action',
+			`- **Range:** ${_.sample(['Self', 'Touch', '30 feet', '60 feet'])}`,
+			`- **Components:** ${components}`,
+			`- **Duration:** ${_.sample(['Until dispelled', '1 round', 'Instantaneous', 'Concentration, up to 10 minutes', '1 hour'])}`,
+			'',
+			'A flame, equivalent in brightness to a torch, springs from from an object that you touch. ',
+			'The effect look like a regular flame, but it creates no heat and doesn\'t use oxygen. ',
+			'A *continual flame* can be covered or hidden but not smothered or quenched.',
+			'\n\n\n'
 		].join('\n');
 	}
-}
+};
--- a/client/homebrew/editor/snippetbar/snippets/monsterblock.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/monsterblock.gen.js
@@ -1,196 +1,196 @@
-var _ = require('lodash');
+const _ = require('lodash');

-var genList = function(list, max){
-	return _.sampleSize(list, _.random(0,max)).join(', ') || "None";
-}
+const genList = function(list, max){
+	return _.sampleSize(list, _.random(0, max)).join(', ') || 'None';
+};

-var getMonsterName = function(){
+const getMonsterName = function(){
 	return _.sample([
-		"All-devouring Baseball Imp",
-		"All-devouring Gumdrop Wraith",
-		"Chocolate Hydra",
-		"Devouring Peacock",
-		"Economy-sized Colossus of the Lemonade Stand",
-		"Ghost Pigeon",
-		"Gibbering Duck",
-		"Sparklemuffin Peacock Spider",
-		"Gum Elemental",
-		"Illiterate Construct of the Candy Store",
-		"Ineffable Chihuahua",
-		"Irritating Death Hamster",
-		"Irritating Gold Mouse",
-		"Juggernaut Snail",
-		"Juggernaut of the Sock Drawer",
-		"Koala of the Cosmos",
-		"Mad Koala of the West",
-		"Milk Djinni of the Lemonade Stand",
-		"Mind Ferret",
-		"Mystic Salt Spider",
-		"Necrotic Halitosis Angel",
-		"Pinstriped Famine Sheep",
-		"Ritalin Leech",
-		"Shocker Kangaroo",
-		"Stellar Tennis Juggernaut",
-		"Wailing Quail of the Sun",
-		"Angel Pigeon",
-		"Anime Sphinx",
-		"Bored Avalanche Sheep of the Wasteland",
-		"Devouring Nougat Sphinx of the Sock Drawer",
-		"Djinni of the Footlocker",
-		"Ectoplasmic Jazz Devil",
-		"Flatuent Angel",
-		"Gelatinous Duck of the Dream-Lands",
-		"Gelatinous Mouse",
-		"Golem of the Footlocker",
-		"Lich Wombat",
-		"Mechanical Sloth of the Past",
-		"Milkshake Succubus",
-		"Puffy Bone Peacock of the East",
-		"Rainbow Manatee",
-		"Rune Parrot",
-		"Sand Cow",
-		"Sinister Vanilla Dragon",
-		"Snail of the North",
-		"Spider of the Sewer",
-		"Stellar Sawdust Leech",
-		"Storm Anteater of Hell",
-		"Stupid Spirit of the Brewery",
-		"Time Kangaroo",
-		"Tomb Poodle",
-	]);
-}
-
-var getType = function(){
-	return _.sample(['Tiny', 'Small', 'Medium', 'Large', 'Gargantuan', 'Stupidly vast']) + " " + _.sample(['beast', 'fiend', 'annoyance', 'guy', 'cutie'])
-}
-
-var getAlignment = function(){
-	return _.sample([
-		"annoying evil",
-		"chaotic gossipy",
-		"chaotic sloppy",
-		"depressed neutral",
-		"lawful bogus",
-		"lawful coy",
-		"manic-depressive evil",
-		"narrow-minded neutral",
-		"neutral annoying",
-		"neutral ignorant",
-		"oedpipal neutral",
-		"silly neutral",
-		"unoriginal neutral",
-		"weird neutral",
-		"wordy evil",
-		"unaligned"
+		'All-devouring Baseball Imp',
+		'All-devouring Gumdrop Wraith',
+		'Chocolate Hydra',
+		'Devouring Peacock',
+		'Economy-sized Colossus of the Lemonade Stand',
+		'Ghost Pigeon',
+		'Gibbering Duck',
+		'Sparklemuffin Peacock Spider',
+		'Gum Elemental',
+		'Illiterate Construct of the Candy Store',
+		'Ineffable Chihuahua',
+		'Irritating Death Hamster',
+		'Irritating Gold Mouse',
+		'Juggernaut Snail',
+		'Juggernaut of the Sock Drawer',
+		'Koala of the Cosmos',
+		'Mad Koala of the West',
+		'Milk Djinni of the Lemonade Stand',
+		'Mind Ferret',
+		'Mystic Salt Spider',
+		'Necrotic Halitosis Angel',
+		'Pinstriped Famine Sheep',
+		'Ritalin Leech',
+		'Shocker Kangaroo',
+		'Stellar Tennis Juggernaut',
+		'Wailing Quail of the Sun',
+		'Angel Pigeon',
+		'Anime Sphinx',
+		'Bored Avalanche Sheep of the Wasteland',
+		'Devouring Nougat Sphinx of the Sock Drawer',
+		'Djinni of the Footlocker',
+		'Ectoplasmic Jazz Devil',
+		'Flatuent Angel',
+		'Gelatinous Duck of the Dream-Lands',
+		'Gelatinous Mouse',
+		'Golem of the Footlocker',
+		'Lich Wombat',
+		'Mechanical Sloth of the Past',
+		'Milkshake Succubus',
+		'Puffy Bone Peacock of the East',
+		'Rainbow Manatee',
+		'Rune Parrot',
+		'Sand Cow',
+		'Sinister Vanilla Dragon',
+		'Snail of the North',
+		'Spider of the Sewer',
+		'Stellar Sawdust Leech',
+		'Storm Anteater of Hell',
+		'Stupid Spirit of the Brewery',
+		'Time Kangaroo',
+		'Tomb Poodle',
 	]);
 };

-var getStats = function(){
-	return '>|' + _.times(6, function(){
-		var num = _.random(1,20);
-		var mod = Math.ceil(num/2 - 5)
-		return num + " (" + (mod >= 0 ? '+'+mod : mod ) + ")"
-	}).join('|') + '|';
-}
+const getType = function(){
+	return `${_.sample(['Tiny', 'Small', 'Medium', 'Large', 'Gargantuan', 'Stupidly vast'])} ${_.sample(['beast', 'fiend', 'annoyance', 'guy', 'cutie'])}`;
+};

-var genAbilities = function(){
+const getAlignment = function(){
 	return _.sample([
-		"> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.",
-		"> ***False Appearance. *** While the armor reamin motionless, it is indistinguishable from a normal suit of armor.",
+		'annoying evil',
+		'chaotic gossipy',
+		'chaotic sloppy',
+		'depressed neutral',
+		'lawful bogus',
+		'lawful coy',
+		'manic-depressive evil',
+		'narrow-minded neutral',
+		'neutral annoying',
+		'neutral ignorant',
+		'oedpipal neutral',
+		'silly neutral',
+		'unoriginal neutral',
+		'weird neutral',
+		'wordy evil',
+		'unaligned'
 	]);
-}
+};

-var genAction = function(){
-	var name = _.sample([
-		"Abdominal Drop",
-		"Airplane Hammer",
-		"Atomic Death Throw",
-		"Bulldog Rake",
-		"Corkscrew Strike",
-		"Crossed Splash",
-		"Crossface Suplex",
-		"DDT Powerbomb",
-		"Dual Cobra Wristlock",
-		"Dual Throw",
-		"Elbow Hold",
-		"Gory Body Sweep",
-		"Heel Jawbreaker",
-		"Jumping Driver",
-		"Open Chin Choke",
-		"Scorpion Flurry",
-		"Somersault Stump Fists",
-		"Suffering Wringer",
-		"Super Hip Submission",
-		"Super Spin",
-		"Team Elbow",
-		"Team Foot",
-		"Tilt-a-whirl Chin Sleeper",
-		"Tilt-a-whirl Eye Takedown",
-		"Turnbuckle Roll"
-	])
+const getStats = function(){
+	return `>|${_.times(6, function(){
+		const num = _.random(1, 20);
+		const mod = Math.ceil(num/2 - 5);
+		return `${num} (${mod >= 0 ? `+${mod}` : mod})`;
+	}).join('|')}|`;
+};

-	return "> ***" + name + ".*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) ";
-}
+const genAbilities = function(){
+	return _.sample([
+		'> ***Pack Tactics.*** These guys work together. Like super well, you don\'t even know.',
+		'> ***False Appearance. *** While the armor reamin motionless, it is indistinguishable from a normal suit of armor.',
+	]);
+};
+
+const genAction = function(){
+	const name = _.sample([
+		'Abdominal Drop',
+		'Airplane Hammer',
+		'Atomic Death Throw',
+		'Bulldog Rake',
+		'Corkscrew Strike',
+		'Crossed Splash',
+		'Crossface Suplex',
+		'DDT Powerbomb',
+		'Dual Cobra Wristlock',
+		'Dual Throw',
+		'Elbow Hold',
+		'Gory Body Sweep',
+		'Heel Jawbreaker',
+		'Jumping Driver',
+		'Open Chin Choke',
+		'Scorpion Flurry',
+		'Somersault Stump Fists',
+		'Suffering Wringer',
+		'Super Hip Submission',
+		'Super Spin',
+		'Team Elbow',
+		'Team Foot',
+		'Tilt-a-whirl Chin Sleeper',
+		'Tilt-a-whirl Eye Takedown',
+		'Turnbuckle Roll'
+	]);
+
+	return `> ***${name}.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) `;
+};


 module.exports = {

 	full : function(){
-		return [
-			"___",
-			"___",
-			"> ## " + getMonsterName(),
-			">*" + getType() + ", " + getAlignment() + "*",
-			"> ___",
-			"> - **Armor Class** " + _.random(10,20),
-			"> - **Hit Points** " + _.random(1, 150) + "(1d4 + 5)",
-			"> - **Speed** " + _.random(0,50) + "ft.",
-			">___",
-			">|STR|DEX|CON|INT|WIS|CHA|",
-			">|:---:|:---:|:---:|:---:|:---:|:---:|",
+		return `${[
+			'___',
+			'___',
+			`> ## ${getMonsterName()}`,
+			`>*${getType()}, ${getAlignment()}*`,
+			'> ___',
+			`> - **Armor Class** ${_.random(10, 20)}`,
+			`> - **Hit Points** ${_.random(1, 150)}(1d4 + 5)`,
+			`> - **Speed** ${_.random(0, 50)}ft.`,
+			'>___',
+			'>|STR|DEX|CON|INT|WIS|CHA|',
+			'>|:---:|:---:|:---:|:---:|:---:|:---:|',
 			getStats(),
-			">___",
-			"> - **Condition Immunities** " + genList(["groggy", "swagged", "weak-kneed", "buzzed", "groovy", "melancholy", "drunk"], 3),
-			"> - **Senses** passive Perception " + _.random(3, 20),
-			"> - **Languages** " + genList(["Common", "Pottymouth", "Gibberish", "Latin", "Jive"], 2),
-			"> - **Challenge** " + _.random(0, 15) + " (" + _.random(10,10000)+ " XP)",
-			"> ___",
+			'>___',
+			`> - **Condition Immunities** ${genList(['groggy', 'swagged', 'weak-kneed', 'buzzed', 'groovy', 'melancholy', 'drunk'], 3)}`,
+			`> - **Senses** passive Perception ${_.random(3, 20)}`,
+			`> - **Languages** ${genList(['Common', 'Pottymouth', 'Gibberish', 'Latin', 'Jive'], 2)}`,
+			`> - **Challenge** ${_.random(0, 15)} (${_.random(10, 10000)} XP)`,
+			'> ___',
 			_.times(_.random(3, 6), function(){
-				return genAbilities()
+				return genAbilities();
 			}).join('\n>\n'),
-			"> ### Actions",
+			'> ### Actions',
 			_.times(_.random(4, 6), function(){
-				return genAction()
+				return genAction();
 			}).join('\n>\n'),
-		].join('\n') + '\n\n\n';
+		].join('\n')}\n\n\n`;
 	},

 	half : function(){
-		return [
-			"___",
-			"> ## " + getMonsterName(),
-			">*" + getType() + ", " + getAlignment() + "*",
-			"> ___",
-			"> - **Armor Class** " + _.random(10,20),
-			"> - **Hit Points** " + _.random(1, 150) + "(1d4 + 5)",
-			"> - **Speed** " + _.random(0,50) + "ft.",
-			">___",
-			">|STR|DEX|CON|INT|WIS|CHA|",
-			">|:---:|:---:|:---:|:---:|:---:|:---:|",
+		return `${[
+			'___',
+			`> ## ${getMonsterName()}`,
+			`>*${getType()}, ${getAlignment()}*`,
+			'> ___',
+			`> - **Armor Class** ${_.random(10, 20)}`,
+			`> - **Hit Points** ${_.random(1, 150)}(1d4 + 5)`,
+			`> - **Speed** ${_.random(0, 50)}ft.`,
+			'>___',
+			'>|STR|DEX|CON|INT|WIS|CHA|',
+			'>|:---:|:---:|:---:|:---:|:---:|:---:|',
 			getStats(),
-			">___",
-			"> - **Condition Immunities** " + genList(["groggy", "swagged", "weak-kneed", "buzzed", "groovy", "melancholy", "drunk"], 3),
-			"> - **Senses** passive Perception " + _.random(3, 20),
-			"> - **Languages** " + genList(["Common", "Pottymouth", "Gibberish", "Latin", "Jive"], 2),
-			"> - **Challenge** " + _.random(0, 15) + " (" + _.random(10,10000)+ " XP)",
-			"> ___",
+			'>___',
+			`> - **Condition Immunities** ${genList(['groggy', 'swagged', 'weak-kneed', 'buzzed', 'groovy', 'melancholy', 'drunk'], 3)}`,
+			`> - **Senses** passive Perception ${_.random(3, 20)}`,
+			`> - **Languages** ${genList(['Common', 'Pottymouth', 'Gibberish', 'Latin', 'Jive'], 2)}`,
+			`> - **Challenge** ${_.random(0, 15)} (${_.random(10, 10000)} XP)`,
+			'> ___',
 			_.times(_.random(0, 2), function(){
-				return genAbilities()
+				return genAbilities();
 			}).join('\n>\n'),
-			"> ### Actions",
+			'> ### Actions',
 			_.times(_.random(1, 2), function(){
-				return genAction()
+				return genAction();
 			}).join('\n>\n'),
-		].join('\n') + '\n\n\n';
-	}
+		].join('\n')}\n\n\n`;
 	}
+};
--- a/client/homebrew/editor/snippetbar/snippets/snippets.js
+++ b/client/homebrew/editor/snippetbar/snippets/snippets.js
@@ -1,10 +1,11 @@
-var MagicGen = require('./magic.gen.js');
-var ClassTableGen = require('./classtable.gen.js');
-var MonsterBlockGen = require('./monsterblock.gen.js');
-var ClassFeatureGen = require('./classfeature.gen.js');
-var FullClassGen = require('./fullclass.gen.js');
-var CoverPageGen = require('./coverpage.gen.js');
-var TableOfContentsGen = require('./tableOfContents.gen.js');
+/* eslint-disable max-lines */
+
+const MagicGen = require('./magic.gen.js');
+const ClassTableGen = require('./classtable.gen.js');
+const MonsterBlockGen = require('./monsterblock.gen.js');
+const ClassFeatureGen = require('./classfeature.gen.js');
+const CoverPageGen = require('./coverpage.gen.js');
+const TableOfContentsGen = require('./tableOfContents.gen.js');


 module.exports = [
@@ -14,65 +15,65 @@ module.exports = [
 		icon      : 'fa-pencil',
 		snippets  : [
 			{
-				name : "Column Break",
+				name : 'Column Break',
 				icon : 'fa-columns',
-				gen : "```\n```\n\n"
+				gen  : '```\n```\n\n'
 			},
 			{
-				name : "New Page",
+				name : 'New Page',
 				icon : 'fa-file-text',
-				gen : "\\page\n\n"
+				gen  : '\\page\n\n'
 			},
 			{
-				name : "Vertical Spacing",
+				name : 'Vertical Spacing',
 				icon : 'fa-arrows-v',
-				gen : "<div style='margin-top:140px'></div>\n\n"
+				gen  : '<div style=\'margin-top:140px\'></div>\n\n'
 			},
 			{
-				name : "Wide Block",
+				name : 'Wide Block',
 				icon : 'fa-arrows-h',
-				gen : "<div class='wide'>\nEverything in here will be extra wide. Tables, text, everything! Beware though, CSS columns can behave a bit weird sometimes.\n</div>\n"
+				gen  : '<div class=\'wide\'>\nEverything in here will be extra wide. Tables, text, everything! Beware though, CSS columns can behave a bit weird sometimes.\n</div>\n'
 			},
 			{
-				name : "Image",
+				name : 'Image',
 				icon : 'fa-image',
 				gen  : [
-					"<img ",
-					"  src='https://s-media-cache-ak0.pinimg.com/736x/4a/81/79/4a8179462cfdf39054a418efd4cb743e.jpg' ",
-					"  style='width:325px' />",
-					"Credit: Kyounghwan Kim"
+					'<img ',
+					'  src=\'https://s-media-cache-ak0.pinimg.com/736x/4a/81/79/4a8179462cfdf39054a418efd4cb743e.jpg\' ',
+					'  style=\'width:325px\' />',
+					'Credit: Kyounghwan Kim'
 				].join('\n')
 			},
 			{
-				name : "Background Image",
+				name : 'Background Image',
 				icon : 'fa-tree',
 				gen  : [
-					"<img ",
-					"  src='http://i.imgur.com/hMna6G0.png' ",
-					"  style='position:absolute; top:50px; right:30px; width:280px' />"
+					'<img ',
+					'  src=\'http://i.imgur.com/hMna6G0.png\' ',
+					'  style=\'position:absolute; top:50px; right:30px; width:280px\' />'
 				].join('\n')
 			},

 			{
-				name : "Page Number",
+				name : 'Page Number',
 				icon : 'fa-bookmark',
-				gen : "<div class='pageNumber'>1</div>\n<div class='footnote'>PART 1 | FANCINESS</div>\n\n"
+				gen  : '<div class=\'pageNumber\'>1</div>\n<div class=\'footnote\'>PART 1 | FANCINESS</div>\n\n'
 			},

 			{
-				name : "Auto-incrementing Page Number",
+				name : 'Auto-incrementing Page Number',
 				icon : 'fa-sort-numeric-asc',
-				gen : "<div class='pageNumber auto'></div>\n"
+				gen  : '<div class=\'pageNumber auto\'></div>\n'
 			},

 			{
-				name : "Link to page",
+				name : 'Link to page',
 				icon : 'fa-link',
-				gen : "[Click here](#p3) to go to page 3\n"
+				gen  : '[Click here](#p3) to go to page 3\n'
 			},

 			{
-				name : "Table of Contents",
+				name : 'Table of Contents',
 				icon : 'fa-book',
 				gen  : TableOfContentsGen
 			},
@@ -108,10 +109,10 @@ module.exports = [
 				icon : 'fa-sticky-note',
 				gen  : function(){
 					return [
-						"> ##### Time to Drop Knowledge",
-						"> Use notes to point out some interesting information. ",
-						"> ",
-						"> **Tables and lists** both work within a note."
+						'> ##### Time to Drop Knowledge',
+						'> Use notes to point out some interesting information. ',
+						'> ',
+						'> **Tables and lists** both work within a note.'
 					].join('\n');
 				},
 			},
@@ -120,12 +121,12 @@ module.exports = [
 				icon : 'fa-sticky-note-o',
 				gen  : function(){
 					return [
-						"<div class='descriptive'>",
-						"##### Time to Drop Knowledge",
-						"Use notes to point out some interesting information. ",
-						"",
-						"**Tables and lists** both work within a note.",
-						"</div>"
+						'<div class=\'descriptive\'>',
+						'##### Time to Drop Knowledge',
+						'Use notes to point out some interesting information. ',
+						'',
+						'**Tables and lists** both work within a note.',
+						'</div>'
 					].join('\n');
 				},
 			},
@@ -156,12 +157,12 @@ module.exports = [
 		icon      : 'fa-table',
 		snippets  : [
 			{
-				name : "Class Table",
+				name : 'Class Table',
 				icon : 'fa-table',
 				gen  : ClassTableGen.full,
 			},
 			{
-				name : "Half Class Table",
+				name : 'Half Class Table',
 				icon : 'fa-list-alt',
 				gen  : ClassTableGen.half,
 			},
@@ -170,14 +171,14 @@ module.exports = [
 				icon : 'fa-th-list',
 				gen  : function(){
 					return [
-						"##### Cookie Tastiness",
-						"| Tastiness | Cookie Type |",
-						"|:----:|:-------------|",
-						"| -5  | Raisin |",
-						"| 8th  | Chocolate Chip |",
-						"| 11th | 2 or lower |",
-						"| 14th | 3 or lower |",
-						"| 17th | 4 or lower |\n\n",
+						'##### Cookie Tastiness',
+						'| Tastiness | Cookie Type |',
+						'|:----:|:-------------|',
+						'| -5  | Raisin |',
+						'| 8th  | Chocolate Chip |',
+						'| 11th | 2 or lower |',
+						'| 14th | 3 or lower |',
+						'| 17th | 4 or lower |\n\n',
 					].join('\n');
 				},
 			},
@@ -186,16 +187,16 @@ module.exports = [
 				icon : 'fa-list',
 				gen  : function(){
 					return [
-						"<div class='wide'>",
-						"##### Cookie Tastiness",
-						"| Tastiness | Cookie Type |",
-						"|:----:|:-------------|",
-						"| -5  | Raisin |",
-						"| 8th  | Chocolate Chip |",
-						"| 11th | 2 or lower |",
-						"| 14th | 3 or lower |",
-						"| 17th | 4 or lower |",
-						"</div>\n\n"
+						'<div class=\'wide\'>',
+						'##### Cookie Tastiness',
+						'| Tastiness | Cookie Type |',
+						'|:----:|:-------------|',
+						'| -5  | Raisin |',
+						'| 8th  | Chocolate Chip |',
+						'| 11th | 2 or lower |',
+						'| 14th | 3 or lower |',
+						'| 17th | 4 or lower |',
+						'</div>\n\n'
 					].join('\n');
 				},
 			},
@@ -204,26 +205,26 @@ module.exports = [
 				icon : 'fa-th-large',
 				gen  : function(){
 					return [
-						"<div style='column-count:2'>",
-						"| d10 | Damage Type |",
-						"|:---:|:------------|",
-						"|  1  | Acid        |",
-						"|  2  | Cold        |",
-						"|  3  | Fire        |",
-						"|  4  | Force       |",
-						"|  5  | Lightning   |",
-						"",
-						"```",
-						"```",
-						"",
-						"| d10 | Damage Type |",
-						"|:---:|:------------|",
-						"|  6  | Necrotic    |",
-						"|  7  | Poison      |",
-						"|  8  | Psychic     |",
-						"|  9  | Radiant     |",
-						"|  10 | Thunder     |",
-						"</div>\n\n",
+						'<div style=\'column-count:2\'>',
+						'| d10 | Damage Type |',
+						'|:---:|:------------|',
+						'|  1  | Acid        |',
+						'|  2  | Cold        |',
+						'|  3  | Fire        |',
+						'|  4  | Force       |',
+						'|  5  | Lightning   |',
+						'',
+						'```',
+						'```',
+						'',
+						'| d10 | Damage Type |',
+						'|:---:|:------------|',
+						'|  6  | Necrotic    |',
+						'|  7  | Poison      |',
+						'|  8  | Psychic     |',
+						'|  9  | Radiant     |',
+						'|  10 | Thunder     |',
+						'</div>\n\n',
 					].join('\n');
 				},
 			}
@@ -240,7 +241,7 @@ module.exports = [
 		icon      : 'fa-print',
 		snippets  : [
 			{
-				name : "A4 PageSize",
+				name : 'A4 PageSize',
 				icon : 'fa-file-o',
 				gen  : ['<style>',
 					'  .phb{',
@@ -251,7 +252,7 @@ module.exports = [
 				].join('\n')
 			},
 			{
-				name : "Ink Friendly",
+				name : 'Ink Friendly',
 				icon : 'fa-tint',
 				gen  : ['<style>',
 					'  .phb{ background : white;}',
@@ -264,4 +265,4 @@ module.exports = [
 		]
 	},

-]
+];
--- a/client/homebrew/editor/snippetbar/snippets/tableOfContents.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/tableOfContents.gen.js
@@ -7,7 +7,7 @@ const getTOC = (pages) => {
 			page     : page + 1,
 			children : []
 		});
-	}
+	};
 	const add2 = (title, page)=>{
 		if(!_.last(res)) add1('', page);
 		_.last(res).children.push({
@@ -15,7 +15,7 @@ const getTOC = (pages) => {
 			page     : page + 1,
 			children : []
 		});
-	}
+	};
 	const add3 = (title, page)=>{
 		if(!_.last(res)) add1('', page);
 		if(!_.last(_.last(res).children)) add2('', page);
@@ -24,15 +24,15 @@ const getTOC = (pages) => {
 			page     : page + 1,
 			children : []
 		});
-	}
+	};

-	let res = [];
+	const res = [];
 	_.each(pages, (page, pageNum)=>{
 		const lines = page.split('\n');
 		_.each(lines, (line)=>{
 			if(_.startsWith(line, '# ')){
 				const title = line.replace('# ', '');
-				add1(title, pageNum)
+				add1(title, pageNum);
 			}
 			if(_.startsWith(line, '## ')){
 				const title = line.replace('## ', '');
@@ -42,16 +42,16 @@ const getTOC = (pages) => {
 				const title = line.replace('### ', '');
 				add3(title, pageNum);
 			}
-		})
+		});
 	});
 	return res;
-}
+};

 module.exports = function(brew){
 	const pages = brew.split('\\page');
 	const TOC = getTOC(pages);
 	const markdown = _.reduce(TOC, (r, g1, idx1)=>{
-		r.push(`- **[${idx1 + 1} ${g1.title}](#p${g1.page})**`)
+		r.push(`- **[${idx1 + 1} ${g1.title}](#p${g1.page})**`);
 		if(g1.children.length){
 			_.each(g1.children, (g2, idx2)=>{
 				r.push(`  - [${idx1 + 1}.${idx2 + 1} ${g2.title}](#p${g2.page})`);
@@ -69,4 +69,4 @@ module.exports = function(brew){
 ##### Table Of Contents
 ${markdown}
 </div>\n`;
-}
+};
--- a/client/homebrew/homebrew.jsx
+++ b/client/homebrew/homebrew.jsx
@@ -39,28 +39,28 @@ const Homebrew = React.createClass({
 		Router = CreateRouter({
 			'/edit/:id' : (args)=>{
 				if(!this.props.brew.editId){
-					return <ErrorPage errorId={args.id}/>
+					return <ErrorPage errorId={args.id}/>;
 				}

 				return <EditPage
 					id={args.id}
-					brew={this.props.brew} />
+					brew={this.props.brew} />;
 			},

 			'/share/:id' : (args)=>{
 				if(!this.props.brew.shareId){
-					return <ErrorPage errorId={args.id}/>
+					return <ErrorPage errorId={args.id}/>;
 				}

 				return <SharePage
 					id={args.id}
-					brew={this.props.brew} />
+					brew={this.props.brew} />;
 			},
 			'/user/:username' : (args)=>{
 				return <UserPage
 					username={args.username}
 					brews={this.props.brews}
-				/>
+				/>;
 			},
 			'/print/:id' : (args, query)=>{
 				return <PrintPage brew={this.props.brew} query={query}/>;
@@ -69,11 +69,11 @@ const Homebrew = React.createClass({
 				return <PrintPage query={query}/>;
 			},
 			'/new' : (args)=>{
-				return <NewPage />
+				return <NewPage />;
 			},
 			'/changelog' : (args)=>{
 				return <SharePage
-					brew={{title : 'Changelog', text : this.props.changelog}} />
+					brew={{ title: 'Changelog', text: this.props.changelog }} />;
 			},
 			'*' : <HomePage
 				welcomeText={this.props.welcomeText} />,
@@ -82,7 +82,7 @@ const Homebrew = React.createClass({
 	render : function(){
 		return <div className='homebrew'>
 			<Router initialUrl={this.props.url}/>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/navbar/account.navitem.jsx
+++ b/client/homebrew/navbar/account.navitem.jsx
@@ -5,13 +5,13 @@ module.exports = function(props){
 	if(global.account){
 		return <Nav.item href={`/user/${global.account.username}`} color='yellow' icon='fa-user'>
 			{global.account.username}
-		</Nav.item>
+		</Nav.item>;
 	}
 	let url = '';
 	if(typeof window !== 'undefined'){
-		url = window.location.href
+		url = window.location.href;
 	}
 	return <Nav.item href={`http://naturalcrit.com/login?redirect=${url}`} color='teal' icon='fa-sign-in'>
 		login
-	</Nav.item>
+	</Nav.item>;
 };
--- a/client/homebrew/navbar/editTitle.navitem.jsx
+++ b/client/homebrew/navbar/editTitle.navitem.jsx
@@ -1,12 +1,12 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
-var Nav = require('naturalcrit/nav/nav.jsx');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');
+const Nav = require('naturalcrit/nav/nav.jsx');

 const MAX_TITLE_LENGTH = 50;


-var EditTitle = React.createClass({
+const EditTitle = React.createClass({
 	getDefaultProps : function() {
 		return {
 			title    : '',
@@ -25,7 +25,7 @@ var EditTitle = React.createClass({
 			<div className={cx('charCount', { 'max': this.props.title.length >= MAX_TITLE_LENGTH })}>
 				{this.props.title.length}/{MAX_TITLE_LENGTH}
 			</div>
-		</Nav.item>
+		</Nav.item>;
 	},

 });
--- a/client/homebrew/navbar/issue.navitem.jsx
+++ b/client/homebrew/navbar/issue.navitem.jsx
@@ -1,8 +1,8 @@
-var React = require('react');
-var Nav = require('naturalcrit/nav/nav.jsx');
+const React = require('react');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function(props){
 	return <Nav.item newTab={true} href='https://www.reddit.com/r/homebrewery/submit?selftext=true&title=[Issue]' color='red' icon='fa-bug'>
 		report issue
-	</Nav.item>
+	</Nav.item>;
 };
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -16,7 +16,7 @@ const Navbar = React.createClass({
 		this.setState({
 			//showNonChromeWarning : !isChrome,
 			ver : window.version
-		})
+		});
 	},

 	/*
@@ -42,7 +42,7 @@ const Navbar = React.createClass({
 				{/*this.renderChromeWarning()*/}
 			</Nav.section>
 			{this.props.children}
-		</Nav.base>
+		</Nav.base>;
 	}
 });

--- a/client/homebrew/navbar/patreon.navitem.jsx
+++ b/client/homebrew/navbar/patreon.navitem.jsx
@@ -1,5 +1,5 @@
-var React = require('react');
-var Nav = require('naturalcrit/nav/nav.jsx');
+const React = require('react');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function(props){
 	return <Nav.item
@@ -9,5 +9,5 @@ module.exports = function(props){
 		color='green'
 		icon='fa-heart'>
 		help out
-	</Nav.item>
+	</Nav.item>;
 };
--- a/client/homebrew/navbar/print.navitem.jsx
+++ b/client/homebrew/navbar/print.navitem.jsx
@@ -1,8 +1,8 @@
-var React = require('react');
-var Nav = require('naturalcrit/nav/nav.jsx');
+const React = require('react');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function(props){
-	return <Nav.item newTab={true} href={'/print/' + props.shareId +'?dialog=true'} color='purple' icon='fa-file-pdf-o'>
+	return <Nav.item newTab={true} href={`/print/${props.shareId}?dialog=true`} color='purple' icon='fa-file-pdf-o'>
 		get PDF
-	</Nav.item>
+	</Nav.item>;
 };
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -1,14 +1,14 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
-var Moment = require('moment');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');
+const Moment = require('moment');

-var Nav = require('naturalcrit/nav/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 const VIEW_KEY = 'homebrewery-recently-viewed';
 const EDIT_KEY = 'homebrewery-recently-edited';

-var BaseItem = React.createClass({
+const BaseItem = React.createClass({
 	getDefaultProps : function() {
 		return {
 			storageKey  : '',
@@ -28,7 +28,7 @@ var BaseItem = React.createClass({
 	},

 	componentDidMount : function() {
-		var brews = JSON.parse(localStorage.getItem(this.props.storageKey) || '[]');
+		let brews = JSON.parse(localStorage.getItem(this.props.storageKey) || '[]');

 		brews = _.filter(brews, (brew)=>{
 			return brew.id !== this.props.currentBrew.id;
@@ -51,29 +51,29 @@ var BaseItem = React.createClass({
 	handleDropdown : function(show){
 		this.setState({
 			showDropdown : show
-		})
+		});
 	},

 	renderDropdown : function(){
 		if(!this.state.showDropdown) return null;

-		var items = _.map(this.state.brews, (brew)=>{
+		const items = _.map(this.state.brews, (brew)=>{
 			return <a href={brew.url} className='item' key={brew.id} target='_blank'>
 				<span className='title'>{brew.title}</span>
 				<span className='time'>{Moment(brew.ts).fromNow()}</span>
-			</a>
+			</a>;
 		});

-		return <div className='dropdown'>{items}</div>
+		return <div className='dropdown'>{items}</div>;
 	},

 	render : function(){
 		return <Nav.item icon='fa-clock-o' color='grey' className='recent'
-					onMouseEnter={this.handleDropdown.bind(null, true)}
-					onMouseLeave={this.handleDropdown.bind(null, false)}>
+			onMouseEnter={()=>this.handleDropdown(true)}
+			onMouseLeave={()=>this.handleDropdown(false)}>
 			{this.props.text}
 			{this.renderDropdown()}
-		</Nav.item>
+		</Nav.item>;
 	},

 });
@@ -97,7 +97,7 @@ module.exports = {
 					title : this.props.brew.title,
 					url   : `/share/${this.props.brew.shareId}`
 				}}
-			/>
+			/>;
 		},
 	}),

@@ -117,7 +117,7 @@ module.exports = {
 					title : this.props.brew.title,
 					url   : `/edit/${this.props.brew.editId}`
 				}}
-			/>
+			/>;
 		},
 	}),

@@ -138,8 +138,8 @@ module.exports = {

 		componentDidMount : function() {

-			var edited = JSON.parse(localStorage.getItem(EDIT_KEY) || '[]');
-			var viewed = JSON.parse(localStorage.getItem(VIEW_KEY) || '[]');
+			let edited = JSON.parse(localStorage.getItem(EDIT_KEY) || '[]');
+			let viewed = JSON.parse(localStorage.getItem(VIEW_KEY) || '[]');

 			if(this.props.errorId){
 				edited = _.filter(edited, (edit)=>{
@@ -163,18 +163,18 @@ module.exports = {
 		handleDropdown : function(show){
 			this.setState({
 				showDropdown : show
-			})
+			});
 		},

 		renderDropdown : function(){
 			if(!this.state.showDropdown) return null;

-			var makeItems = (brews) => {
+			const makeItems = (brews)=>{
 				return _.map(brews, (brew)=>{
 					return <a href={brew.url} className='item' key={brew.id} target='_blank'>
 						<span className='title'>{brew.title}</span>
 						<span className='time'>{Moment(brew.ts).fromNow()}</span>
-					</a>
+					</a>;
 				});
 			};

@@ -183,17 +183,17 @@ module.exports = {
 				{makeItems(this.state.edit)}
 				<h4>viewed</h4>
 				{makeItems(this.state.view)}
-			</div>
+			</div>;
 		},

 		render : function(){
 			return <Nav.item icon='fa-clock-o' color='grey' className='recent'
-						onMouseEnter={this.handleDropdown.bind(null, true)}
-						onMouseLeave={this.handleDropdown.bind(null, false)}>
+				onMouseEnter={()=>this.handleDropdown(true)}
+				onMouseLeave={()=>this.handleDropdown(false)}>
 				Recent brews
 				{this.renderDropdown()}
-			</Nav.item>
+			</Nav.item>;
 		}

 	})
-}
+};
--- a/client/homebrew/navbar/reddit.navitem.jsx
+++ b/client/homebrew/navbar/reddit.navitem.jsx
@@ -1,16 +1,16 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

 //var striptags = require('striptags');

-var Nav = require('naturalcrit/nav/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 const MAX_URL_SIZE = 2083;
-const MAIN_URL = "https://www.reddit.com/r/UnearthedArcana/submit?selftext=true"
+const MAIN_URL = 'https://www.reddit.com/r/UnearthedArcana/submit?selftext=true';


-var RedditShare = React.createClass({
+const RedditShare = React.createClass({
 	getDefaultProps : function() {
 		return {
 			brew : {
@@ -27,11 +27,11 @@ var RedditShare = React.createClass({


 	handleClick : function(){
-		var url = [
+		const url = [
 			MAIN_URL,
-			'title=' + encodeURIComponent(this.props.brew.title ? this.props.brew.title : 'Check out my brew!'),
+			`title=${encodeURIComponent(this.props.brew.title ? this.props.brew.title : 'Check out my brew!')}`,

-			'text=' + encodeURIComponent(this.props.brew.text)
+			`text=${encodeURIComponent(this.props.brew.text)}`


 		].join('&');
@@ -43,7 +43,7 @@ var RedditShare = React.createClass({
 	render : function(){
 		return <Nav.item icon='fa-reddit-alien' color='red' onClick={this.handleClick}>
 			share on reddit
-		</Nav.item>
+		</Nav.item>;
 	},

 });
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -1,7 +1,7 @@
 const React = require('react');
 const _ = require('lodash');
 const cx = require('classnames');
-const request = require("superagent");
+const request = require('superagent');

 const Nav = require('naturalcrit/nav/nav.jsx');
 const Navbar = require('../../navbar/navbar.jsx');
@@ -63,7 +63,7 @@ const EditPage = React.createClass({

 		this.setState({
 			htmlErrors : Markdown.validate(this.state.brew.text)
-		})
+		});

 		document.addEventListener('keydown', this.handleControlKeys);
 	},
@@ -102,7 +102,7 @@ const EditPage = React.createClass({
 	handleTextChange : function(text){

 		//If there are errors, run the validator on everychange to give quick feedback
-		var htmlErrors = this.state.htmlErrors;
+		let htmlErrors = this.state.htmlErrors;
 		if(htmlErrors.length) htmlErrors = Markdown.validate(text);

 		this.setState({
@@ -116,9 +116,9 @@ const EditPage = React.createClass({

 	hasChanges : function(){
 		if(this.savedBrew){
-			return !_.isEqual(this.state.brew, this.savedBrew)
+			return !_.isEqual(this.state.brew, this.savedBrew);
 		} else {
-			return !_.isEqual(this.state.brew, this.props.brew)
+			return !_.isEqual(this.state.brew, this.props.brew);
 		}
 		return false;
 	},
@@ -142,51 +142,51 @@ const EditPage = React.createClass({
 		});

 		request
-			.put('/api/update/' + this.props.brew.editId)
+			.put(`/api/update/${this.props.brew.editId}`)
 			.send(this.state.brew)
 			.end((err, res)=>{
 				if(err){
 					this.setState({
 						errors : err,
-					})
+					});
 				} else {
 					this.savedBrew = res.body;
 					this.setState({
 						isPending   : false,
 						isSaving    : false,
 						lastUpdated : res.body.updatedAt
-					})
+					});
 				}
-			})
+			});
 	},

 	renderSaveButton : function(){
 		if(this.state.errors){
-			var errMsg = '';
+			let errMsg = '';
 			try {
-				errMsg += this.state.errors.toString() + '\n\n';
-				errMsg += '```\n' + JSON.stringify(this.state.errors.response.error, null, '  ') + '\n```';
+				errMsg += `${this.state.errors.toString()}\n\n`;
+				errMsg += `\`\`\`\n${JSON.stringify(this.state.errors.response.error, null, '  ')}\n\`\`\``;
 			} catch (e){}

-			return <Nav.item className='save error' icon="fa-warning">
+			return <Nav.item className='save error' icon='fa-warning'>
 				Oops!
 				<div className='errorContainer'>
 					Looks like there was a problem saving. <br />
-					Report the issue <a target='_blank' href={'https://github.com/stolksdorf/naturalcrit/issues/new?body='+ encodeURIComponent(errMsg)}>
+					Report the issue <a target='_blank' href={`https://github.com/stolksdorf/naturalcrit/issues/new?body=${encodeURIComponent(errMsg)}`}>
 						here
 					</a>.
 				</div>
-			</Nav.item>
+			</Nav.item>;
 		}

 		if(this.state.isSaving){
-			return <Nav.item className='save' icon="fa-spinner fa-spin">saving...</Nav.item>
+			return <Nav.item className='save' icon='fa-spinner fa-spin'>saving...</Nav.item>;
 		}
 		if(this.state.isPending && this.hasChanges()){
-			return <Nav.item className='save' onClick={this.save} color='blue' icon='fa-save'>Save Now</Nav.item>
+			return <Nav.item className='save' onClick={this.save} color='blue' icon='fa-save'>Save Now</Nav.item>;
 		}
 		if(!this.state.isPending && !this.state.isSaving){
-			return <Nav.item className='save saved'>saved.</Nav.item>
+			return <Nav.item className='save saved'>saved.</Nav.item>;
 		}
 	},
 	renderNavbar : function(){
@@ -198,13 +198,13 @@ const EditPage = React.createClass({
 				{this.renderSaveButton()}
 				{/*<RecentlyEdited brew={this.props.brew} />*/}
 				<ReportIssue />
-				<Nav.item newTab={true} href={'/share/' + this.props.brew.shareId} color='teal' icon='fa-share-alt'>
+				<Nav.item newTab={true} href={`/share/${this.props.brew.shareId}`} color='teal' icon='fa-share-alt'>
 					Share
 				</Nav.item>
 				<PrintLink shareId={this.props.brew.shareId} />
 				<Account />
 			</Nav.section>
-		</Navbar>
+		</Navbar>;
 	},

 	render : function(){
@@ -223,7 +223,7 @@ const EditPage = React.createClass({
 					<BrewRenderer text={this.state.brew.text} errors={this.state.htmlErrors} />
 				</SplitPane>
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/errorPage/errorPage.jsx
+++ b/client/homebrew/pages/errorPage/errorPage.jsx
@@ -1,16 +1,16 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

-var Nav = require('naturalcrit/nav/nav.jsx');
-var Navbar = require('../../navbar/navbar.jsx');
-var PatreonNavItem = require('../../navbar/patreon.navitem.jsx');
-var IssueNavItem = require('../../navbar/issue.navitem.jsx');
-var RecentNavItem = require('../../navbar/recent.navitem.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
+const Navbar = require('../../navbar/navbar.jsx');
+const PatreonNavItem = require('../../navbar/patreon.navitem.jsx');
+const IssueNavItem = require('../../navbar/issue.navitem.jsx');
+const RecentNavItem = require('../../navbar/recent.navitem.jsx');

-var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
+const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');

-var ErrorPage = React.createClass({
+const ErrorPage = React.createClass({
 	getDefaultProps : function() {
 		return {
 			ver     : '0.0.0',
@@ -39,7 +39,7 @@ var ErrorPage = React.createClass({
 			<div className='content'>
 				<BrewRenderer text={this.text} />
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/hijackPrint.js
+++ b/client/homebrew/pages/hijackPrint.js
@@ -4,7 +4,7 @@ module.exports = function(shareId){
 	return function(event){
 		event = event || window.event;
 		if((event.ctrlKey || event.metaKey) && event.keyCode == 80){
-			var win = window.open(`/homebrew/print/${shareId}?dialog=true`, '_blank');
+			const win = window.open(`/homebrew/print/${shareId}?dialog=true`, '_blank');
 			win.focus();
 			event.preventDefault();
 		}
--- a/client/homebrew/pages/homePage/homePage.jsx
+++ b/client/homebrew/pages/homePage/homePage.jsx
@@ -1,7 +1,7 @@
 const React = require('react');
 const _ = require('lodash');
 const cx = require('classnames');
-const request = require("superagent");
+const request = require('superagent');

 const Nav = require('naturalcrit/nav/nav.jsx');
 const Navbar = require('../../navbar/navbar.jsx');
@@ -36,8 +36,8 @@ const HomePage = React.createClass({
 			})
 			.end((err, res)=>{
 				if(err) return;
-				var brew = res.body;
-				window.location = '/edit/' + brew.editId;
+				const brew = res.body;
+				window.location = `/edit/${brew.editId}`;
 			});
 	},
 	handleSplitMove : function(){
@@ -64,7 +64,7 @@ const HomePage = React.createClass({
 				</Nav.item>
 				*/}
 			</Nav.section>
-		</Navbar>
+		</Navbar>;
 	},

 	render : function(){
@@ -85,7 +85,7 @@ const HomePage = React.createClass({
 			<a href='/new' className='floatingNewButton'>
 				Create your own <i className='fa fa-magic' />
 			</a>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/newPage/newPage.jsx
+++ b/client/homebrew/pages/newPage/newPage.jsx
@@ -1,7 +1,7 @@
 const React = require('react');
 const _ = require('lodash');
 const cx = require('classnames');
-const request = require("superagent");
+const request = require('superagent');

 const Markdown = require('naturalcrit/markdown.js');

@@ -39,7 +39,7 @@ const NewPage = React.createClass({
 		if(storage){
 			this.setState({
 				text : storage
-			})
+			});
 		}
 		document.addEventListener('keydown', this.handleControlKeys);
 	},
@@ -96,19 +96,19 @@ const NewPage = React.createClass({
 				window.onbeforeunload = function(){};
 				const brew = res.body;
 				localStorage.removeItem(KEY);
-				window.location = '/edit/' + brew.editId;
-			})
+				window.location = `/edit/${brew.editId}`;
+			});
 	},

 	renderSaveButton : function(){
 		if(this.state.isSaving){
 			return <Nav.item icon='fa-spinner fa-spin' className='saveButton'>
 				save...
-			</Nav.item>
+			</Nav.item>;
 		} else {
 			return <Nav.item icon='fa-save' className='saveButton' onClick={this.save}>
 				save
-			</Nav.item>
+			</Nav.item>;
 		}
 	},

@@ -120,7 +120,7 @@ const NewPage = React.createClass({
 	renderLocalPrintButton : function(){
 		return <Nav.item color='purple' icon='fa-file-pdf-o' onClick={this.print}>
 			get PDF
-		</Nav.item>
+		</Nav.item>;
 	},

 	renderNavbar : function(){
@@ -136,7 +136,7 @@ const NewPage = React.createClass({
 				<IssueNavItem />
 				<AccountNavItem />
 			</Nav.section>
-		</Navbar>
+		</Navbar>;
 	},

 	render : function(){
@@ -154,7 +154,7 @@ const NewPage = React.createClass({
 					<BrewRenderer text={this.state.text} errors={this.state.errors} />
 				</SplitPane>
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/printPage/printPage.jsx
+++ b/client/homebrew/pages/printPage/printPage.jsx
@@ -40,7 +40,7 @@ const PrintPage = React.createClass({
 	render : function(){
 		return <div>
 			{this.renderPages()}
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/sharePage/sharePage.jsx
+++ b/client/homebrew/pages/sharePage/sharePage.jsx
@@ -54,7 +54,7 @@ const SharePage = React.createClass({
 					<ReportIssue />
 					{/*<RecentlyViewed brew={this.props.brew} />*/}
 					<PrintLink shareId={this.props.brew.shareId} />
-					<Nav.item href={'/source/' + this.props.brew.shareId} color='teal' icon='fa-code'>
+					<Nav.item href={`/source/${this.props.brew.shareId}`} color='teal' icon='fa-code'>
 						source
 					</Nav.item>
 					<Account />
@@ -64,7 +64,7 @@ const SharePage = React.createClass({
 			<div className='content'>
 				<BrewRenderer text={this.props.brew.text} />
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/userPage/brewItem/brewItem.jsx
+++ b/client/homebrew/pages/userPage/brewItem/brewItem.jsx
@@ -2,7 +2,7 @@ const React = require('react');
 const _     = require('lodash');
 const cx    = require('classnames');
 const moment = require('moment');
-const request = require("superagent");
+const request = require('superagent');

 const BrewItem = React.createClass({
 	getDefaultProps : function() {
@@ -17,10 +17,10 @@ const BrewItem = React.createClass({
 	},

 	deleteBrew : function(){
-		if(!confirm("are you sure you want to delete this brew?")) return;
-		if(!confirm("are you REALLY sure? You will not be able to recover it")) return;
+		if(!confirm('are you sure you want to delete this brew?')) return;
+		if(!confirm('are you REALLY sure? You will not be able to recover it')) return;

-		request.get('/api/remove/' + this.props.brew.editId)
+		request.get(`/api/remove/${this.props.brew.editId}`)
 			.send()
 			.end(function(err, res){
 				location.reload();
@@ -32,14 +32,14 @@ const BrewItem = React.createClass({

 		return <a onClick={this.deleteBrew}>
 			<i className='fa fa-trash' />
-		</a>
+		</a>;
 	},
 	renderEditLink : function(){
 		if(!this.props.brew.editId) return;

 		return <a href={`/edit/${this.props.brew.editId}`} target='_blank'>
 			<i className='fa fa-pencil' />
-		</a>
+		</a>;
 	},

 	render : function(){
@@ -68,7 +68,7 @@ const BrewItem = React.createClass({
 				{this.renderEditLink()}
 				{this.renderDeleteBrewLink()}
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -9,12 +9,12 @@ const RecentNavItem = require('../../navbar/recent.navitem.jsx');
 const Account = require('../../navbar/account.navitem.jsx');
 const BrewItem = require('./brewItem/brewItem.jsx');

-const brew = {
-	title : 'SUPER Long title woah now',
-	authors : []
-}
+// const brew = {
+// 	title   : 'SUPER Long title woah now',
+// 	authors : []
+// };

-const BREWS = _.times(25, ()=>{ return brew});
+//const BREWS = _.times(25, ()=>{ return brew;});


 const UserPage = React.createClass({
@@ -31,13 +31,13 @@ const UserPage = React.createClass({
 		const sortedBrews = _.sortBy(brews, (brew)=>{ return brew.title; });

 		return _.map(sortedBrews, (brew, idx)=>{
-			return <BrewItem brew={brew} key={idx}/>
+			return <BrewItem brew={brew} key={idx}/>;
 		});
 	},

 	getSortedBrews : function(){
 		return _.groupBy(this.props.brews, (brew)=>{
-			return (brew.published ? 'published' : 'private')
+			return (brew.published ? 'published' : 'private');
 		});
 	},

@@ -68,7 +68,7 @@ const UserPage = React.createClass({
 					{this.renderPrivateBrews(brews.private)}
 				</div>
 			</div>
-		</div>
+		</div>;
 	}
 });

--- a/client/template.js
+++ b/client/template.js
@@ -15,7 +15,7 @@ module.exports = function(vitreum){
 	${vitreum.js}
 </html>
 `;
-}
+};



--- a/contributing.md
+++ b/contributing.md
@@ -38,5 +38,6 @@ If you're updating dependencies, please make sure you use npm@5.6.0 and commit t
 - For ambitious tasks, you should try to get your work in front of the community for feedback as soon as possible. Open a pull request as soon as you have done the minimum needed to demonstrate your idea. At this early stage, don't worry about making things perfect, or 100% complete. Add a [WIP] prefix to the title, and describe what you still need to do. This lets reviewers know not to nit-pick small details or point out improvements you already know you need to make.
 - New features should be accompanied with tests and documentation if applicable.
 - Lint and test before submitting the pull request by running `$ npm run verify`.
+- If your code is not passing Linting checks due to a non-fixable warning, and you feel it's valid (eg. we lint on a file being too long, but sometimes a file just _has_ to be long), add `/* eslint-disable [rule-name] */` to the top of the file. Be sure to justfiy your lint override in your PR description.
 - Use a clear and descriptive title for the pull request and commits.
 - You might be asked to do changes to your pull request. There's never a need to open another pull request. [Just update the existing one.](https://github.com/RichardLitt/knowledge/blob/master/github/amending-a-commit-guide.md)
--- a/scripts/dev.js
+++ b/scripts/dev.js
@@ -20,4 +20,4 @@ Promise.resolve()
 	.then(livereload())
 	.then(server('./server.js', ['server']))
 	.then(console.timeEnd.bind(console, label))
-	.catch(console.error)
+	.catch(console.error);
--- a/server.js
+++ b/server.js
@@ -1,9 +1,9 @@
 const _ = require('lodash');
 const jwt = require('jwt-simple');
-const express = require("express");
+const express = require('express');
 const app = express();

-app.use(express.static(__dirname + '/build'));''
+app.use(express.static(`${__dirname}/build`));'';
 app.use(require('body-parser').json({ limit: '25mb' }));
 app.use(require('cookie-parser')());

@@ -43,7 +43,7 @@ const changelogText = require('fs').readFileSync('./changelog.md', 'utf8');


 //Source page
-String.prototype.replaceAll = function(s,r){return this.split(s).join(r)}
+String.prototype.replaceAll = function(s, r){return this.split(s).join(r);};
 app.get('/source/:id', (req, res)=>{
 	HomebrewModel.get({ shareId: req.params.id })
 		.then((brew)=>{
@@ -53,7 +53,7 @@ app.get('/source/:id', (req, res)=>{
 		.catch((err)=>{
 			console.log(err);
 			return res.status(404).send('Could not find Homebrew with that id');
-		})
+		});
 });


@@ -66,8 +66,8 @@ app.get('/user/:username', (req, res, next) => {
 		})
 		.catch((err)=>{
 			console.log(err);
-		})
-})
+		});
+});


 app.get('/edit/:id', (req, res, next)=>{
@@ -126,7 +126,7 @@ app.use((req, res) => {
 		account     : req.account
 	})
 		.then((page)=>{
-			return res.send(page)
+			return res.send(page);
 		})
 		.catch((err)=>{
 			console.log(err);
--- a/server/admin.api.js
+++ b/server/admin.api.js
@@ -20,7 +20,7 @@ process.env.ADMIN_KEY  = process.env.ADMIN_KEY  || 'admin_key';
 //Removes all empty brews that are older than 3 days and that are shorter than a tweet
 router.get('/api/invalid', mw.adminOnly, (req, res)=>{
 	const invalidBrewQuery = HomebrewModel.find({
-		'$where' : "this.text.length < 140",
+		'$where'  : 'this.text.length < 140',
 		createdAt : {
 			$lt : Moment().subtract(3, 'days').toDate()
 		}
@@ -30,14 +30,14 @@ router.get('/api/invalid', mw.adminOnly, (req, res)=>{
 		invalidBrewQuery.remove().exec((err, objs)=>{
 			refreshCount();
 			return res.send(200);
-		})
+		});
 	} else {
 		invalidBrewQuery.exec((err, objs)=>{
 			if(err) console.log(err);
 			return res.json({
 				count : objs.length
-			})
-		})
+			});
+		});
 	}
 });

@@ -47,8 +47,8 @@ router.get('/admin/lookup/:id', mw.adminOnly, (req, res, next) => {
 	// search for partial match

 	HomebrewModel.findOne({ $or : [
-			{editId : { "$regex": req.params.id, "$options": "i" }},
-			{shareId : { "$regex": req.params.id, "$options": "i" }},
+		{ editId: { '$regex': req.params.id, '$options': 'i' } },
+		{ shareId: { '$regex': req.params.id, '$options': 'i' } },
 	] }).exec((err, brew)=>{
 		return res.json(brew);
 	});
@@ -61,17 +61,17 @@ router.get('/admin/lookup/:id', mw.adminOnly, (req, res, next) => {
 const render = require('vitreum/steps/render');
 const templateFn = require('../client/template.js');
 router.get('/admin', function(req, res){
-	const credentials = auth(req)
+	const credentials = auth(req);
 	if(!credentials || credentials.name !== process.env.ADMIN_USER || credentials.pass !== process.env.ADMIN_PASS) {
-		res.setHeader('WWW-Authenticate', 'Basic realm="example"')
-		return res.status(401).send('Access denied')
+		res.setHeader('WWW-Authenticate', 'Basic realm="example"');
+		return res.status(401).send('Access denied');
 	}
 	render('admin', templateFn, {
 		url       : req.originalUrl,
 		admin_key : process.env.ADMIN_KEY,
 	})
 		.then((page)=>{
-			return res.send(page)
+			return res.send(page);
 		})
 		.catch((err)=>{
 			console.log(err);
--- a/server/homebrew.api.js
+++ b/server/homebrew.api.js
@@ -1,26 +1,12 @@
 const _ = require('lodash');
-const Moment = require('moment');
 const HomebrewModel = require('./homebrew.model.js').model;
 const router = require('express').Router();

-
-
-//TODO: Possiblity remove
-let homebrewTotal = 0;
-const refreshCount = ()=>{
-	HomebrewModel.count({}, (err, total)=>{
-		homebrewTotal = total;
-	});
-};
-refreshCount();
-
-
-
-const getTopBrews = (cb)=>{
-	HomebrewModel.find().sort({views: -1}).limit(5).exec(function(err, brews) {
-		cb(brews);
-	});
-}
+// const getTopBrews = (cb)=>{
+// 	HomebrewModel.find().sort({ views: -1 }).limit(5).exec(function(err, brews) {
+// 		cb(brews);
+// 	});
+// };

 const getGoodBrewTitle = (text)=>{
 	const titlePos = text.indexOf('# ');
@@ -54,7 +40,7 @@ router.post('/api', (req, res)=>{
 			return res.status(500).send(`Error while creating new brew, ${err.toString()}`);
 		}
 		return res.json(obj);
-	})
+	});
 });

 router.put('/api/update/:id', (req, res)=>{
@@ -70,22 +56,22 @@ router.put('/api/update/:id', (req, res)=>{
 			brew.save((err, obj)=>{
 				if(err) throw err;
 				return res.status(200).send(obj);
-			})
+			});
 		})
 		.catch((err)=>{
 			console.log(err);
-			return res.status(500).send("Error while saving");
+			return res.status(500).send('Error while saving');
 		});
 });

 router.get('/api/remove/:id', (req, res)=>{
 	HomebrewModel.find({ editId: req.params.id }, (err, objs)=>{
-		if(!objs.length || err) return res.status(404).send("Can not find homebrew with that id");
-		var resEntry = objs[0];
+		if(!objs.length || err) return res.status(404).send('Can not find homebrew with that id');
+		const resEntry = objs[0];
 		resEntry.remove((err)=>{
-			if(err) return res.status(500).send("Error while removing");
+			if(err) return res.status(500).send('Error while removing');
 			return res.status(200).send();
-		})
+		});
 	});
 });

--- a/server/homebrew.model.js
+++ b/server/homebrew.model.js
@@ -1,15 +1,15 @@
-var mongoose = require('mongoose');
-var shortid = require('shortid');
-var _ = require('lodash');
+const mongoose = require('mongoose');
+const shortid = require('shortid');
+const _ = require('lodash');

-var HomebrewSchema = mongoose.Schema({
+const HomebrewSchema = mongoose.Schema({
 	shareId : { type: String, default: shortid.generate, index: { unique: true } },
 	editId  : { type: String, default: shortid.generate, index: { unique: true } },
-	title : {type : String, default : ""},
-	text : {type : String, default : ""},
+	title   : { type: String, default: '' },
+	text    : { type: String, default: '' },

-	description : {type : String, default : ""},
-	tags : {type : String, default : ""},
+	description : { type: String, default: '' },
+	tags        : { type: String, default: '' },
 	systems     : [String],
 	authors     : [String],
 	published   : { type: Boolean, default: false },
@@ -58,7 +58,7 @@ HomebrewSchema.statics.get = function(query){

 HomebrewSchema.statics.getByUser = function(username, allowAccess=false){
 	return new Promise((resolve, reject)=>{
-		let query = {authors : username, published : true};
+		const query = { authors: username, published: true };
 		if(allowAccess){
 			delete query.published;
 		}
@@ -73,9 +73,9 @@ HomebrewSchema.statics.getByUser = function(username, allowAccess=false){



-var Homebrew = mongoose.model('Homebrew', HomebrewSchema);
+const Homebrew = mongoose.model('Homebrew', HomebrewSchema);

 module.exports = {
 	schema : HomebrewSchema,
 	model  : Homebrew,
-}
+};
--- a/shared/homebrewery/renderWarnings/renderWarnings.jsx
+++ b/shared/homebrewery/renderWarnings/renderWarnings.jsx
@@ -51,7 +51,7 @@ const RenderWarnings = React.createClass({
 				if(element) r[type] = element;
 				return r;
 			}, {})
-		})
+		});
 	},
 	dismiss : function(){
 		localStorage.setItem(DISMISS_KEY, true);
@@ -66,7 +66,7 @@ const RenderWarnings = React.createClass({
 			<h3>Render Warnings</h3>
 			<small>If this homebrew is rendering badly if might be because of the following:</small>
 			<ul>{_.values(this.state.warnings)}</ul>
-		</div>
+		</div>;
 	}
 });

--- a/shared/naturalcrit/codeEditor/codeEditor.jsx
+++ b/shared/naturalcrit/codeEditor/codeEditor.jsx
@@ -1,11 +1,11 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');


-var CodeMirror;
+let CodeMirror;
 if(typeof navigator !== 'undefined'){
-	var CodeMirror = require('codemirror');
+	CodeMirror = require('codemirror');

 	//Language Modes
 	require('codemirror/mode/gfm/gfm.js'); //Github flavoured markdown
@@ -13,7 +13,7 @@ if(typeof navigator !== 'undefined'){
 }


-var CodeEditor = React.createClass({
+const CodeEditor = React.createClass({
 	getDefaultProps : function() {
 		return {
 			language         : '',
@@ -66,7 +66,7 @@ var CodeEditor = React.createClass({
 	},

 	render : function(){
-		return <div className='codeEditor' ref='editor' />
+		return <div className='codeEditor' ref='editor' />;
 	}
 });

--- a/shared/naturalcrit/markdown.js
+++ b/shared/naturalcrit/markdown.js
@@ -1,11 +1,11 @@
-var _ = require('lodash');
-var Markdown = require('marked');
-var renderer = new Markdown.Renderer();
+const _ = require('lodash');
+const Markdown = require('marked');
+const renderer = new Markdown.Renderer();

 //Processes the markdown within an HTML block if it's just a class-wrapper
 renderer.html = function (html) {
 	if(_.startsWith(_.trim(html), '<div') && _.endsWith(_.trim(html), '</div>')){
-		var openTag = html.substring(0, html.indexOf('>')+1);
+		const openTag = html.substring(0, html.indexOf('>')+1);
 		html = html.substring(html.indexOf('>')+1);
 		html = html.substring(0, html.lastIndexOf('</div>'));
 		return `${openTag} ${Markdown(html)} </div>`;
@@ -15,23 +15,23 @@ renderer.html = function (html) {


 const tagTypes = ['div', 'span', 'a'];
-const tagRegex = new RegExp('(' +
+const tagRegex = new RegExp(`(${
 	_.map(tagTypes, (type)=>{
 		return `\\<${type}|\\</${type}>`;
-	}).join('|') + ')', 'g');
+	}).join('|')})`, 'g');


 module.exports = {
 	marked : Markdown,
 	render : (rawBrewText)=>{
-		return Markdown(rawBrewText, {renderer : renderer})
+		return Markdown(rawBrewText, { renderer: renderer });
 	},

 	validate : (rawBrewText)=>{
-		var errors = [];
-		var leftovers = _.reduce(rawBrewText.split('\n'), (acc, line, _lineNumber) => {
-			var lineNumber = _lineNumber + 1;
-			var matches = line.match(tagRegex);
+		const errors = [];
+		const leftovers = _.reduce(rawBrewText.split('\n'), (acc, line, _lineNumber)=>{
+			const lineNumber = _lineNumber + 1;
+			const matches = line.match(tagRegex);
 			if(!matches || !matches.length) return acc;

 			_.each(matches, (match)=>{
@@ -54,7 +54,7 @@ module.exports = {
 							acc.pop();
 						} else {
 							errors.push({
-								line : _.last(acc).line + ' to ' + lineNumber,
+								line : `${_.last(acc).line} to ${lineNumber}`,
 								type : type,
 								text : 'Type mismatch on closing tag',
 								id   : 'MISMATCH'
@@ -71,9 +71,9 @@ module.exports = {
 			errors.push({
 				line : unmatched.line,
 				type : unmatched.type,
-				text : "Unmatched opening tag",
+				text : 'Unmatched opening tag',
 				id   : 'OPEN'
-			})
+			});
 		});

 		return errors;
--- a/shared/naturalcrit/nav/nav.jsx
+++ b/shared/naturalcrit/nav/nav.jsx
@@ -1,21 +1,21 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

-var NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');
+const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');

-var Nav = {
+const Nav = {
 	base : React.createClass({
 		render : function(){
 			return <nav>
 				<div className='navContent'>
 					{this.props.children}
 				</div>
-			</nav>
+			</nav>;
 		}
 	}),
 	logo : function(){
-		return <a className='navLogo' href="http://naturalcrit.com">
+		return <a className='navLogo' href='http://naturalcrit.com'>
 			<NaturalCritIcon />
 			<span className='name'>
 				Natural<span className='crit'>Crit</span>
@@ -27,7 +27,7 @@ var Nav = {
 		render : function(){
 			return <div className='navSection'>
 				{this.props.children}
-			</div>
+			</div>;
 		}
 	}),

@@ -45,10 +45,10 @@ var Nav = {
 			this.props.onClick();
 		},
 		render : function(){
-			var classes = cx('navItem', this.props.color, this.props.className);
+			const classes = cx('navItem', this.props.color, this.props.className);

-			var icon;
-			if(this.props.icon) icon = <i className={'fa ' + this.props.icon} />;
+			let icon;
+			if(this.props.icon) icon = <i className={`fa ${this.props.icon}`} />;

 			const props = _.omit(this.props, ['newTab']);

@@ -56,12 +56,12 @@ var Nav = {
 				return <a {...props} className={classes} target={this.props.newTab ? '_blank' : '_self'} >
 					{this.props.children}
 					{icon}
-				</a>
+				</a>;
 			} else {
 				return <div {...props} className={classes} onClick={this.handleClick} >
 					{this.props.children}
 					{icon}
-				</div>
+				</div>;
 			}
 		}
 	}),
--- a/shared/naturalcrit/splitPane/splitPane.jsx
+++ b/shared/naturalcrit/splitPane/splitPane.jsx
@@ -1,8 +1,8 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');

-var SplitPane = React.createClass({
+const SplitPane = React.createClass({
 	getDefaultProps : function() {
 		return {
 			storageKey   : 'naturalcrit-pane-split',
@@ -17,11 +17,11 @@ var SplitPane = React.createClass({
 		};
 	},
 	componentDidMount : function() {
-		var paneSize = window.localStorage.getItem(this.props.storageKey);
+		const paneSize = window.localStorage.getItem(this.props.storageKey);
 		if(paneSize){
 			this.setState({
 				size : paneSize
-			})
+			});
 		}
 	},

@@ -58,7 +58,7 @@ var SplitPane = React.createClass({
 				<i className='fa fa-circle' />
 				<i className='fa fa-circle' />
 			</div>
-		</div>
+		</div>;
 	},

 	render : function(){
@@ -66,7 +66,7 @@ var SplitPane = React.createClass({
 			<Pane ref='pane1' width={this.state.size}>{this.props.children[0]}</Pane>
 			{this.renderDivider()}
 			<Pane ref='pane2'>{this.props.children[1]}</Pane>
-		</div>
+		</div>;
 	}
 });

@@ -75,23 +75,23 @@ var SplitPane = React.createClass({



-var Pane = React.createClass({
+const Pane = React.createClass({
 	getDefaultProps : function() {
 		return {
 			width : null
 		};
 	},
 	render : function(){
-		var styles = {};
+		let styles = {};
 		if(this.props.width){
 			styles = {
 				flex  : 'none',
-				width : this.props.width + 'px'
-			}
+				width : `${this.props.width}px`
+			};
 		}
 		return <div className={cx('pane', this.props.className)} style={styles}>
 			{this.props.children}
-		</div>
+		</div>;
 	}
 });

--- a/shared/naturalcrit/svg/combat.svg.jsx
+++ b/shared/naturalcrit/svg/combat.svg.jsx
@@ -1,3 +1,3 @@
 module.exports = function(props){
-	return <svg version="1.1" x="0px" y="0px" viewBox="0 0 80 100" enableBackground="new 0 0 80 80"><g><g><polygon fill="#000000" points="12.9,71.4 7.6,66.1 19.3,54.4 20.7,55.8 10.4,66.1 12.9,68.6 23.2,58.3 24.6,59.7   "/></g><g><path fill="#000000" d="M29,61.6c-1.7,0-3.4-0.7-4.6-1.9l-5.1-5.1c-2.5-2.5-2.5-6.6,0-9.2l0.7-0.7L34.3,59l-0.7,0.7    C32.4,60.9,30.8,61.6,29,61.6z M20.1,47.6c-1.1,1.7-0.9,4.1,0.6,5.6l5.1,5.1c0.8,0.8,2,1.3,3.2,1.3c0.9,0,1.7-0.2,2.4-0.7    L20.1,47.6z"/></g><g><path fill="#000000" d="M12.3,74.8c-0.8,0-1.5-0.3-2-0.8l-5.2-5.2c-0.5-0.5-0.8-1.2-0.8-2c0-0.8,0.3-1.5,0.8-2    c1.1-1.1,2.9-1.1,4,0l5.2,5.2c1.1,1.1,1.1,2.9,0,4C13.8,74.5,13.1,74.8,12.3,74.8z M7.1,65.9c-0.2,0-0.4,0.1-0.6,0.2    c-0.2,0.2-0.2,0.4-0.2,0.6s0.1,0.4,0.2,0.6l5.2,5.2c0.3,0.3,0.9,0.3,1.2,0c0.3-0.3,0.3-0.8,0-1.2l-5.2-5.2    C7.5,66,7.3,65.9,7.1,65.9z"/></g><g><polygon fill="#000000" points="31.7,58.7 30.3,57.3 70,17.6 70,9 62.4,9 23.3,49.4 21.9,48 61.6,7 72,7 72,18.4   "/></g><g><rect x="46" y="6.7" transform="matrix(0.7168 0.6973 -0.6973 0.7168 35.9716 -23.568)" fill="#000000" width="2" height="51.6"/></g><g><rect x="13" y="61" fill="#000000" width="2" height="7"/></g><g><rect x="17" y="57" fill="#000000" width="2" height="7"/></g></g><g><g><polygon fill="#000000" points="68.4,71.4 56.7,59.7 58.1,58.3 68.4,68.6 70.8,66.1 60.5,55.8 61.9,54.4 73.6,66.1   "/></g><g><path fill="#000000" d="M52.2,61.6c-1.7,0-3.4-0.7-4.6-1.9L46.9,59l14.3-14.3l0.7,0.7c2.5,2.5,2.5,6.6,0,9.2l-5.1,5.1    C55.6,60.9,53.9,61.6,52.2,61.6z M49.8,58.9c0.7,0.4,1.5,0.7,2.4,0.7c1.2,0,2.3-0.5,3.2-1.3l5.1-5.1c1.5-1.5,1.7-3.8,0.6-5.6    L49.8,58.9z"/></g><g><path fill="#000000" d="M68.9,74.8c-0.8,0-1.5-0.3-2-0.8c-1.1-1.1-1.1-2.9,0-4l5.2-5.2c1.1-1.1,2.9-1.1,4,0c0.5,0.5,0.8,1.2,0.8,2    c0,0.8-0.3,1.5-0.8,2L70.9,74C70.4,74.5,69.7,74.8,68.9,74.8z M74.2,65.9c-0.2,0-0.4,0.1-0.6,0.2l-5.2,5.2c-0.3,0.3-0.3,0.8,0,1.2    c0.3,0.3,0.9,0.3,1.2,0l5.2-5.2c0.2-0.2,0.2-0.4,0.2-0.6s-0.1-0.4-0.2-0.6C74.6,66,74.4,65.9,74.2,65.9z"/></g><g><rect x="38.6" y="52.3" transform="matrix(0.7082 0.706 -0.706 0.7082 50.8397 -16.4875)" fill="#000000" width="13.4" height="2"/></g><g><polygon fill="#000000" points="30.6,39.9 9,18.4 9,7 19.7,7 41.1,29.1 39.7,30.5 18.8,9 11,9 11,17.6 32,38.5   "/></g><g><rect x="47.8" y="43.1" transform="matrix(0.6959 0.7181 -0.7181 0.6959 48.1381 -25.5246)" fill="#000000" width="12.8" height="2"/></g><g><rect x="12" y="23.1" transform="matrix(0.6974 0.7167 -0.7167 0.6974 25.1384 -11.3825)" fill="#000000" width="28.1" height="2"/></g><g><rect x="43.8" y="46.4" transform="matrix(0.6974 0.7167 -0.7167 0.6974 48.7492 -20.5985)" fill="#000000" width="10" height="2"/></g><g><rect x="66" y="61" fill="#000000" width="2" height="7"/></g><g><rect x="62" y="57" fill="#000000" width="2" height="7"/></g></g></svg>;
-}
+	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 80 100' enableBackground='new 0 0 80 80'><g><g><polygon fill='#000000' points='12.9,71.4 7.6,66.1 19.3,54.4 20.7,55.8 10.4,66.1 12.9,68.6 23.2,58.3 24.6,59.7   '/></g><g><path fill='#000000' d='M29,61.6c-1.7,0-3.4-0.7-4.6-1.9l-5.1-5.1c-2.5-2.5-2.5-6.6,0-9.2l0.7-0.7L34.3,59l-0.7,0.7    C32.4,60.9,30.8,61.6,29,61.6z M20.1,47.6c-1.1,1.7-0.9,4.1,0.6,5.6l5.1,5.1c0.8,0.8,2,1.3,3.2,1.3c0.9,0,1.7-0.2,2.4-0.7    L20.1,47.6z'/></g><g><path fill='#000000' d='M12.3,74.8c-0.8,0-1.5-0.3-2-0.8l-5.2-5.2c-0.5-0.5-0.8-1.2-0.8-2c0-0.8,0.3-1.5,0.8-2    c1.1-1.1,2.9-1.1,4,0l5.2,5.2c1.1,1.1,1.1,2.9,0,4C13.8,74.5,13.1,74.8,12.3,74.8z M7.1,65.9c-0.2,0-0.4,0.1-0.6,0.2    c-0.2,0.2-0.2,0.4-0.2,0.6s0.1,0.4,0.2,0.6l5.2,5.2c0.3,0.3,0.9,0.3,1.2,0c0.3-0.3,0.3-0.8,0-1.2l-5.2-5.2    C7.5,66,7.3,65.9,7.1,65.9z'/></g><g><polygon fill='#000000' points='31.7,58.7 30.3,57.3 70,17.6 70,9 62.4,9 23.3,49.4 21.9,48 61.6,7 72,7 72,18.4   '/></g><g><rect x='46' y='6.7' transform='matrix(0.7168 0.6973 -0.6973 0.7168 35.9716 -23.568)' fill='#000000' width='2' height='51.6'/></g><g><rect x='13' y='61' fill='#000000' width='2' height='7'/></g><g><rect x='17' y='57' fill='#000000' width='2' height='7'/></g></g><g><g><polygon fill='#000000' points='68.4,71.4 56.7,59.7 58.1,58.3 68.4,68.6 70.8,66.1 60.5,55.8 61.9,54.4 73.6,66.1   '/></g><g><path fill='#000000' d='M52.2,61.6c-1.7,0-3.4-0.7-4.6-1.9L46.9,59l14.3-14.3l0.7,0.7c2.5,2.5,2.5,6.6,0,9.2l-5.1,5.1    C55.6,60.9,53.9,61.6,52.2,61.6z M49.8,58.9c0.7,0.4,1.5,0.7,2.4,0.7c1.2,0,2.3-0.5,3.2-1.3l5.1-5.1c1.5-1.5,1.7-3.8,0.6-5.6    L49.8,58.9z'/></g><g><path fill='#000000' d='M68.9,74.8c-0.8,0-1.5-0.3-2-0.8c-1.1-1.1-1.1-2.9,0-4l5.2-5.2c1.1-1.1,2.9-1.1,4,0c0.5,0.5,0.8,1.2,0.8,2    c0,0.8-0.3,1.5-0.8,2L70.9,74C70.4,74.5,69.7,74.8,68.9,74.8z M74.2,65.9c-0.2,0-0.4,0.1-0.6,0.2l-5.2,5.2c-0.3,0.3-0.3,0.8,0,1.2    c0.3,0.3,0.9,0.3,1.2,0l5.2-5.2c0.2-0.2,0.2-0.4,0.2-0.6s-0.1-0.4-0.2-0.6C74.6,66,74.4,65.9,74.2,65.9z'/></g><g><rect x='38.6' y='52.3' transform='matrix(0.7082 0.706 -0.706 0.7082 50.8397 -16.4875)' fill='#000000' width='13.4' height='2'/></g><g><polygon fill='#000000' points='30.6,39.9 9,18.4 9,7 19.7,7 41.1,29.1 39.7,30.5 18.8,9 11,9 11,17.6 32,38.5   '/></g><g><rect x='47.8' y='43.1' transform='matrix(0.6959 0.7181 -0.7181 0.6959 48.1381 -25.5246)' fill='#000000' width='12.8' height='2'/></g><g><rect x='12' y='23.1' transform='matrix(0.6974 0.7167 -0.7167 0.6974 25.1384 -11.3825)' fill='#000000' width='28.1' height='2'/></g><g><rect x='43.8' y='46.4' transform='matrix(0.6974 0.7167 -0.7167 0.6974 48.7492 -20.5985)' fill='#000000' width='10' height='2'/></g><g><rect x='66' y='61' fill='#000000' width='2' height='7'/></g><g><rect x='62' y='57' fill='#000000' width='2' height='7'/></g></g></svg>;
+};
--- a/shared/naturalcrit/svg/homebrew.svg.jsx
+++ b/shared/naturalcrit/svg/homebrew.svg.jsx
@@ -1,9 +1,9 @@
-var React = require('react');
+const React = require('react');

 module.exports = function(props){
-	return <svg version="1.1" x="0px" y="0px" viewBox="0 0 90 112.5" enableBackground="new 0 0 90 90" >
-		<path d="M25.363,25.54c0,1.906,8.793,3.454,19.636,3.454c10.848,0,19.638-1.547,19.638-3.454c0-1.12-3.056-2.117-7.774-2.75  c-1.418,1.891-3.659,3.133-6.208,3.133c-2.85,0-5.315-1.547-6.67-3.833C33.617,22.185,25.363,23.692,25.363,25.54z"/><path d="M84.075,54.142c0-8.68-2.868-17.005-8.144-23.829c1.106-1.399,1.41-2.771,1.41-3.854c0-6.574-10.245-9.358-19.264-10.533  c0.209,0.706,0.359,1.439,0.359,2.215c0,0.09-0.022,0.17-0.028,0.26l0,0c-0.028,0.853-0.195,1.667-0.479,2.429  c9.106,1.282,14.508,3.754,14.508,5.63c0,2.644-10.688,6.486-27.439,6.486c-16.748,0-27.438-3.842-27.438-6.486  c0-2.542,9.904-6.183,25.559-6.459c-0.098-0.396-0.159-0.807-0.2-1.223c0.006,0,0.013,0,0.017,0  c-0.017-0.213-0.063-0.417-0.063-0.636c0-1.084,0.226-2.119,0.628-3.058c-6.788,0.129-30.846,1.299-30.846,11.376  c0,1.083,0.305,2.455,1.411,3.854c-5.276,6.823-8.145,15.149-8.145,23.829c0,11.548,5.187,20.107,14.693,25.115  c-0.902,3.146-1.391,7.056,1.111,8.181c2.626,1.178,5.364-2.139,7.111-5.005c4.73,1.261,10.13,1.923,16.161,1.923  c6.034,0,11.428-0.661,16.158-1.922c1.75,2.865,4.493,6.18,7.112,5.004c2.504-1.123,2.014-5.035,1.113-8.179  C78.889,74.249,84.075,65.689,84.075,54.142z M70.39,31.392c5.43,6.046,8.78,14,8.78,22.75c0,20.919-18.582,25.309-34.171,25.309  c-15.587,0-34.17-4.39-34.17-25.309c0-8.75,3.35-16.7,8.781-22.753c5.561,2.643,15.502,4.009,25.389,4.009  C54.886,35.397,64.829,34.031,70.39,31.392z"/><path d="M50.654,23.374c2.892,0,5.234-2.341,5.234-5.233c0-2.887-2.343-5.23-5.234-5.23c-2.887,0-5.231,2.343-5.231,5.23  C45.423,21.032,47.768,23.374,50.654,23.374z"/>
-		<circle cx="62.905" cy="10.089" r="3.595"/>
-		<circle cx="52.616" cy="5.048" r="2.73"/>
+	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 90 112.5' enableBackground='new 0 0 90 90' >
+		<path d='M25.363,25.54c0,1.906,8.793,3.454,19.636,3.454c10.848,0,19.638-1.547,19.638-3.454c0-1.12-3.056-2.117-7.774-2.75  c-1.418,1.891-3.659,3.133-6.208,3.133c-2.85,0-5.315-1.547-6.67-3.833C33.617,22.185,25.363,23.692,25.363,25.54z'/><path d='M84.075,54.142c0-8.68-2.868-17.005-8.144-23.829c1.106-1.399,1.41-2.771,1.41-3.854c0-6.574-10.245-9.358-19.264-10.533  c0.209,0.706,0.359,1.439,0.359,2.215c0,0.09-0.022,0.17-0.028,0.26l0,0c-0.028,0.853-0.195,1.667-0.479,2.429  c9.106,1.282,14.508,3.754,14.508,5.63c0,2.644-10.688,6.486-27.439,6.486c-16.748,0-27.438-3.842-27.438-6.486  c0-2.542,9.904-6.183,25.559-6.459c-0.098-0.396-0.159-0.807-0.2-1.223c0.006,0,0.013,0,0.017,0  c-0.017-0.213-0.063-0.417-0.063-0.636c0-1.084,0.226-2.119,0.628-3.058c-6.788,0.129-30.846,1.299-30.846,11.376  c0,1.083,0.305,2.455,1.411,3.854c-5.276,6.823-8.145,15.149-8.145,23.829c0,11.548,5.187,20.107,14.693,25.115  c-0.902,3.146-1.391,7.056,1.111,8.181c2.626,1.178,5.364-2.139,7.111-5.005c4.73,1.261,10.13,1.923,16.161,1.923  c6.034,0,11.428-0.661,16.158-1.922c1.75,2.865,4.493,6.18,7.112,5.004c2.504-1.123,2.014-5.035,1.113-8.179  C78.889,74.249,84.075,65.689,84.075,54.142z M70.39,31.392c5.43,6.046,8.78,14,8.78,22.75c0,20.919-18.582,25.309-34.171,25.309  c-15.587,0-34.17-4.39-34.17-25.309c0-8.75,3.35-16.7,8.781-22.753c5.561,2.643,15.502,4.009,25.389,4.009  C54.886,35.397,64.829,34.031,70.39,31.392z'/><path d='M50.654,23.374c2.892,0,5.234-2.341,5.234-5.233c0-2.887-2.343-5.23-5.234-5.23c-2.887,0-5.231,2.343-5.231,5.23  C45.423,21.032,47.768,23.374,50.654,23.374z'/>
+		<circle cx='62.905' cy='10.089' r='3.595'/>
+		<circle cx='52.616' cy='5.048' r='2.73'/>
 	</svg>;
 };
--- a/shared/naturalcrit/svg/naturalcrit.svg.jsx
+++ b/shared/naturalcrit/svg/naturalcrit.svg.jsx
@@ -1,5 +1,5 @@
-var React = require('react');
+const React = require('react');

 module.exports = function(props){
-	return <svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enableBackground="new 0 0 100 100"><path d="M80.644,87.982l16.592-41.483c0.054-0.128,0.088-0.26,0.108-0.394c0.006-0.039,0.007-0.077,0.011-0.116  c0.007-0.087,0.008-0.174,0.002-0.26c-0.003-0.046-0.007-0.091-0.014-0.137c-0.014-0.089-0.036-0.176-0.063-0.262  c-0.012-0.034-0.019-0.069-0.031-0.103c-0.047-0.118-0.106-0.229-0.178-0.335c-0.004-0.006-0.006-0.012-0.01-0.018L67.999,3.358  c-0.01-0.013-0.003-0.026-0.013-0.04L68,3.315V4c0,0-0.033,0-0.037,0c-0.403-1-1.094-1.124-1.752-0.976  c0,0.004-0.004-0.012-0.007-0.012C66.201,3.016,66.194,3,66.194,3H66.19h-0.003h-0.003h-0.004h-0.003c0,0-0.004,0-0.007,0  s-0.003-0.151-0.007-0.151L20.495,15.227c-0.025,0.007-0.046-0.019-0.071-0.011c-0.087,0.028-0.172,0.041-0.253,0.083  c-0.054,0.027-0.102,0.053-0.152,0.085c-0.051,0.033-0.101,0.061-0.147,0.099c-0.044,0.036-0.084,0.073-0.124,0.113  c-0.048,0.048-0.093,0.098-0.136,0.152c-0.03,0.039-0.059,0.076-0.085,0.117c-0.046,0.07-0.084,0.145-0.12,0.223  c-0.011,0.023-0.027,0.042-0.036,0.066L2.911,57.664C2.891,57.715,3,57.768,3,57.82v0.002c0,0.186,0,0.375,0,0.562  c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004v0.002c0,0.074-0.002,0.15,0.012,0.223  C3.015,58.631,3,58.631,3,58.633c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004c0,0,0,0,0,0.002v0.004  c0,0.191-0.046,0.377,0.06,0.545c0-0.002-0.03,0.004-0.03,0.004c0,0.004-0.03,0.004-0.03,0.004c0,0.002,0,0.002,0,0.002  l-0.045,0.004c0.03,0.047,0.036,0.09,0.068,0.133l29.049,37.359c0.002,0.004,0,0.006,0.002,0.01c0.002,0.002,0,0.004,0.002,0.008  c0.006,0.008,0.014,0.014,0.021,0.021c0.024,0.029,0.052,0.051,0.078,0.078c0.027,0.029,0.053,0.057,0.082,0.082  c0.03,0.027,0.055,0.062,0.086,0.088c0.026,0.02,0.057,0.033,0.084,0.053c0.04,0.027,0.081,0.053,0.123,0.076  c0.005,0.004,0.01,0.008,0.016,0.01c0.087,0.051,0.176,0.09,0.269,0.123c0.042,0.014,0.082,0.031,0.125,0.043  c0.021,0.006,0.041,0.018,0.062,0.021c0.123,0.027,0.249,0.043,0.375,0.043c0.099,0,0.202-0.012,0.304-0.027l45.669-8.303  c0.057-0.01,0.108-0.021,0.163-0.037C79.547,88.992,79.562,89,79.575,89c0.004,0,0.004,0,0.004,0c0.021,0,0.039-0.027,0.06-0.035  c0.041-0.014,0.08-0.034,0.12-0.052c0.021-0.01,0.044-0.019,0.064-0.03c0.017-0.01,0.026-0.015,0.033-0.017  c0.014-0.008,0.023-0.021,0.037-0.028c0.14-0.078,0.269-0.174,0.38-0.285c0.014-0.016,0.024-0.034,0.038-0.048  c0.109-0.119,0.201-0.252,0.271-0.398c0.006-0.01,0.016-0.018,0.021-0.029c0.004-0.008,0.008-0.017,0.011-0.026  c0.002-0.004,0.003-0.006,0.005-0.01C80.627,88.021,80.635,88.002,80.644,87.982z M77.611,84.461L48.805,66.453l32.407-25.202  L77.611,84.461z M46.817,63.709L35.863,23.542l43.818,14.608L46.817,63.709z M84.668,40.542l8.926,5.952l-11.902,29.75  L84.668,40.542z M89.128,39.446L84.53,36.38l-6.129-12.257L89.128,39.446z M79.876,34.645L37.807,20.622L65.854,6.599L79.876,34.645  z M33.268,19.107l-6.485-2.162l23.781-6.487L33.268,19.107z M21.92,18.895l8.67,2.891L10.357,47.798L21.92,18.895z M32.652,24.649  l10.845,39.757L7.351,57.178L32.652,24.649z M43.472,67.857L32.969,92.363L8.462,60.855L43.472,67.857z M46.631,69.09l27.826,17.393  l-38.263,6.959L46.631,69.09z"></path></svg>;
+	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enableBackground='new 0 0 100 100'><path d='M80.644,87.982l16.592-41.483c0.054-0.128,0.088-0.26,0.108-0.394c0.006-0.039,0.007-0.077,0.011-0.116  c0.007-0.087,0.008-0.174,0.002-0.26c-0.003-0.046-0.007-0.091-0.014-0.137c-0.014-0.089-0.036-0.176-0.063-0.262  c-0.012-0.034-0.019-0.069-0.031-0.103c-0.047-0.118-0.106-0.229-0.178-0.335c-0.004-0.006-0.006-0.012-0.01-0.018L67.999,3.358  c-0.01-0.013-0.003-0.026-0.013-0.04L68,3.315V4c0,0-0.033,0-0.037,0c-0.403-1-1.094-1.124-1.752-0.976  c0,0.004-0.004-0.012-0.007-0.012C66.201,3.016,66.194,3,66.194,3H66.19h-0.003h-0.003h-0.004h-0.003c0,0-0.004,0-0.007,0  s-0.003-0.151-0.007-0.151L20.495,15.227c-0.025,0.007-0.046-0.019-0.071-0.011c-0.087,0.028-0.172,0.041-0.253,0.083  c-0.054,0.027-0.102,0.053-0.152,0.085c-0.051,0.033-0.101,0.061-0.147,0.099c-0.044,0.036-0.084,0.073-0.124,0.113  c-0.048,0.048-0.093,0.098-0.136,0.152c-0.03,0.039-0.059,0.076-0.085,0.117c-0.046,0.07-0.084,0.145-0.12,0.223  c-0.011,0.023-0.027,0.042-0.036,0.066L2.911,57.664C2.891,57.715,3,57.768,3,57.82v0.002c0,0.186,0,0.375,0,0.562  c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004v0.002c0,0.074-0.002,0.15,0.012,0.223  C3.015,58.631,3,58.631,3,58.633c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004c0,0,0,0,0,0.002v0.004  c0,0.191-0.046,0.377,0.06,0.545c0-0.002-0.03,0.004-0.03,0.004c0,0.004-0.03,0.004-0.03,0.004c0,0.002,0,0.002,0,0.002  l-0.045,0.004c0.03,0.047,0.036,0.09,0.068,0.133l29.049,37.359c0.002,0.004,0,0.006,0.002,0.01c0.002,0.002,0,0.004,0.002,0.008  c0.006,0.008,0.014,0.014,0.021,0.021c0.024,0.029,0.052,0.051,0.078,0.078c0.027,0.029,0.053,0.057,0.082,0.082  c0.03,0.027,0.055,0.062,0.086,0.088c0.026,0.02,0.057,0.033,0.084,0.053c0.04,0.027,0.081,0.053,0.123,0.076  c0.005,0.004,0.01,0.008,0.016,0.01c0.087,0.051,0.176,0.09,0.269,0.123c0.042,0.014,0.082,0.031,0.125,0.043  c0.021,0.006,0.041,0.018,0.062,0.021c0.123,0.027,0.249,0.043,0.375,0.043c0.099,0,0.202-0.012,0.304-0.027l45.669-8.303  c0.057-0.01,0.108-0.021,0.163-0.037C79.547,88.992,79.562,89,79.575,89c0.004,0,0.004,0,0.004,0c0.021,0,0.039-0.027,0.06-0.035  c0.041-0.014,0.08-0.034,0.12-0.052c0.021-0.01,0.044-0.019,0.064-0.03c0.017-0.01,0.026-0.015,0.033-0.017  c0.014-0.008,0.023-0.021,0.037-0.028c0.14-0.078,0.269-0.174,0.38-0.285c0.014-0.016,0.024-0.034,0.038-0.048  c0.109-0.119,0.201-0.252,0.271-0.398c0.006-0.01,0.016-0.018,0.021-0.029c0.004-0.008,0.008-0.017,0.011-0.026  c0.002-0.004,0.003-0.006,0.005-0.01C80.627,88.021,80.635,88.002,80.644,87.982z M77.611,84.461L48.805,66.453l32.407-25.202  L77.611,84.461z M46.817,63.709L35.863,23.542l43.818,14.608L46.817,63.709z M84.668,40.542l8.926,5.952l-11.902,29.75  L84.668,40.542z M89.128,39.446L84.53,36.38l-6.129-12.257L89.128,39.446z M79.876,34.645L37.807,20.622L65.854,6.599L79.876,34.645  z M33.268,19.107l-6.485-2.162l23.781-6.487L33.268,19.107z M21.92,18.895l8.67,2.891L10.357,47.798L21.92,18.895z M32.652,24.649  l10.845,39.757L7.351,57.178L32.652,24.649z M43.472,67.857L32.969,92.363L8.462,60.855L43.472,67.857z M46.631,69.09l27.826,17.393  l-38.263,6.959L46.631,69.09z'></path></svg>;
 };