Working on content

package.json

@@ -19,6 +19,7 @@
     "prop-types": "^15.6.2",
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
+    "react-markdown": "^4.0.4",
     "react-router-dom": "^4.3.1",
     "semantic-ui-react": "^0.83.0",
     "style-loader": "^0.23.1",

public/content/landing.md

@@ -0,0 +1,10 @@
+<a href="https://facebook.com/KRGameStudios"><img src="https://en.facebookbrand.com/wp-content/uploads/2016/05/FB-fLogo-Blue-broadcast-2.png" alt="Facebook" width="32" height="32"></a>
+<a href="https://twitter.com/KRGameStudios"><img src="img/twitter.png" alt="Twitter" width="32" height="32"></a>
+
+__*This project has been shelved. Read on to see what could have been.*__
+
+__*There should ideally be 150 cards, but seemingly only 137 were designed. Not a bad effort.*__
+
+Mecha: Immense Warfare pits you against an opponent in a battle of Mechas - wild combat machines controlled by hastily built radio towers. Get to the other side of the battlefield and attack your opponent five times to win! But look out for your opponent's Mechas, as they can attack, damage and destroy your Mechas, and your towers!
+
+Click the links above to see what we have to offer!

src/pages/landing.jsx

@@ -1,14 +1,35 @@
 import React from "react";
+import ReactMarkdown from "react-markdown";
 
 class Landing extends React.Component {
 	constructor(props) {
 		super(props);
+
+		this.state = {
+			body: "Loading..."
+		};
+	}
+
+	componentDidMount() {
+		fetch("/content/landing.md")
+			.then(result => result.text())
+			.then((result) => {
+				this.setState({
+					body: result
+				});
+			},
+			//handle errors here instead of a catch block because internet said so
+			(error) => {
+				this.setState({
+					body: error
+				});
+			});
 	}
 
 	render() {
 		return (
 			<div>
-				<p>Landing</p>
+				<ReactMarkdown source={this.state.body} escapeHtml={false} />
 			</div>
 		);
 	}