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.