Moved blurb into markdown

src/components/pages/home.jsx

@@ -3,7 +3,7 @@ import { withRouter, Link } from 'react-router-dom';
 
 //panels
 import CommonLinks from '../panels/common_links.jsx';
-import Blurb from '../panels/blurb.jsx';
+import Markdown from '../panels/markdown.jsx';
 import News from '../panels/news.jsx';
 
 class Home extends React.Component {
@@ -37,7 +37,9 @@ class Home extends React.Component {
 						</div>
 
 						<h1 className='centered'>About</h1>
-						<Blurb />
+						<p className='centered'><em>A game in <strike>early</strike> development.</em></p>
+						<br />
+						<Markdown url='/content/blurb.md' />
 						<h1 className='centered'>News</h1>
 						<News setWarning={this.setWarning.bind(this)} getFetch={ (fn) => this.setState({ fetch: fn }) } />
 						<p className='right'><Link to='/news'>See all news...</Link></p>

src/components/panels/blurb.jsx

@@ -1,24 +0,0 @@
-import React from 'react';
-
-export default class Blurb extends React.Component {
-	render() {
-		let Link = (props) => <a href={props.to}>{props.to}</a>;
-
-		return (
-			<div className='panel'>
-				<p className='centered'><em>A game in early development.</em></p>
-				<br />
-				<p>This is a resource accumulation game, with some similarities to idle games. The idea is that you recruit new units once per day, train them as soldiers, and send them to attack other players. You can also train spies and scientists, which each grant their own benefits.</p>
-				<p>You can follow the developer KR Game Studios here:</p>
-				<ul>
-					<li><Link to='https://discord.gg/FQmz8TN' /></li>
-					<li><Link to='https://facebook.com/KRGameStudios' /></li>
-					<li><Link to='https://twitter.com/KRGameStudios' /></li>
-					<li><Link to='https://www.patreon.com/krgamestudios' /></li>
-					<li><Link to='https://github.com/KRGameStudios' /></li>
-				</ul>
-			</div>
-		);
-	}
-};
-

src/components/panels/markdown.jsx

@@ -19,7 +19,7 @@ class Markdown extends React.Component {
 	}
 
 	render() {
-		if (this.state) {
+		if (this.state.data) {
 			return (<ReactMarkdown source={this.state.data} escapeHtml={false} {...this.props} />);
 		} else {
 			return (<p className='centered'>Loading markdown...</p>);