Add about page

src/components/About.js

@@ -1,11 +1,26 @@
-import React from 'react'
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import AboutMarkdown from '../static/about.md';
+import { connect } from 'react-redux';
 
-const About () => {
-    return (
-        <div className="container">
-          <h4 className="center">About</h4>
-        </div>
-    )
+class About extends React.Component {
+    constructor () {
+        super();
+        this.state = { about: '' };
+    }
+
+    componentWillMount() {
+        fetch(AboutMarkdown).then(res => res.text()).then(text => this.setState({ markdown: text }));
+    }
+
+    render () {
+        const { markdown } = this.state;
+        return (
+            <div className="content">
+                <ReactMarkdown source={markdown }/>
+            </div>
+        );
+    }
 }
 
 export default About;

src/components/App.js

@@ -4,6 +4,7 @@ import NavBar from './NavBar';
 import PostList from './PostList';
 import Post from './Post';
 import User from './User';
+import About from './About'
 
 function App() {
   return (
@@ -12,6 +13,7 @@ function App() {
       <NavBar/>
       <Switch>
         <Route exact path="/" component={PostList}/>
+        <Route exact path="/about/" component={About}/>
         <Route exact path="/posts/" component={PostList}/>
         <Route path="/posts/:slug" component={Post}/>
         <Route path="/users/:user" component={User}/>

src/static/about.md

@@ -0,0 +1,4 @@
+# Welcome to SudoScientist!
+This is Asara, and this is my personal blog.
+
+It will primarily post about technology, personal projects, and other sudo-scientific and sudo-philosophical ramblings.