Working on the card tables

src/pages/rules.jsx

@@ -1,14 +1,35 @@
 import React from "react";
+import ReactMarkdown from "react-markdown";
 
 class Rules extends React.Component {
 	constructor(props) {
 		super(props);
+
+		this.state = {
+			body: "Loading..."
+		};
+	}
+
+	componentDidMount() {
+		fetch("/content/rules.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>Rules</p>
+				<ReactMarkdown source={this.state.body} escapeHtml={false} />
 			</div>
 		);
 	}