import React from 'react';
<<<<<<< HEAD
import { Switch, Route } from 'react-router-dom';

import Home from './Home';
import About from './About';
import Blog from './Blog';
import Resume from './Resume';
import Error404 from './Error404';
=======

// import GithubForm from './forms/github/GithubForm';
import GithubRecent from './forms/github/RecentList';

import './Content.css';
>>>>>>> 23d814bedfd5c07e05ea49d9a90053074a4c829a

class Content extends React.Component {
  render() {
    return (
      <div className="app-content">
<<<<<<< HEAD
        <Switch>
          <Route exact path="/" component={Home} />
          {/* <Route exact path="/about" component={About} /> */}
          <Route component={Error404} />
        </Switch>
=======
        <div className="content-description">
          <br />College Student. Love Coding. Interested in Web and Machine Learning.
        </div>
        <hr />
        <div className="content-list">
          <div className="list-projects">
            <h3>Recent Projects</h3>
            {/* <GithubRecent userName="slkjse9" standardDate={5259492000} /> */}
            <GithubRecent userName="hejuby" standardDate={3.154e+10} />
            {/* <h2>Activity</h2> */}
            <h3>Experience</h3>
            <h3>Education</h3>
            <ul>
              <li><h4>Computer Science</h4>Colorado State University, Fort Collins (2017 -)</li>
            </ul>
            <br />
          </div>
        </div>
        {/* <div className="content-home-github-recent-title">
          <h2>Recent Works</h2>
          <h3>updated in 2 months</h3>
        </div> */}
        {/* <h3>Recent</h3>
        <GithubForm contentType="recent"/> */}
        {/* <h3>Lifetime</h3>
        {/* <GithubForm contentType="life"/> */}
        {/* <div className="content-home-blog-recent-title">
          <h2>Recent Posts</h2>
          <h3>written in 2 months</h3>
        </div>
        <BlogRecent /> */}
>>>>>>> 23d814bedfd5c07e05ea49d9a90053074a4c829a
      </div>
    );
  }
}

export default Content;
