diff --git a/src/components/About.js b/src/components/About.js
index 19e6293..836b565 100644
--- a/src/components/About.js
+++ b/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 (
-
-
About
-
- )
+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 (
+
+
+
+ );
+ }
}
export default About;
diff --git a/src/components/App.js b/src/components/App.js
index 973f8f6..7ec1b23 100644
--- a/src/components/App.js
+++ b/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() {
+
diff --git a/src/static/about.md b/src/static/about.md
new file mode 100644
index 0000000..0d73e91
--- /dev/null
+++ b/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.