content: import React from 'react';
  
  export default class About extends React.Component {
    render() {
      return (<div className={'container'} style={{ maxWidth: '960px' }}>
        <section className={'section'}>
          <h1 className={'title'}>About</h1>
          <h2 className={'subtitle'}>AutoScout is a heavy work-in-progress website
            dedicated to data visualization of FIRST Robotics Competition (FRC). The
            goal of this site is to provide simple, yet meaningful, data
            visualization components to all members of the FRC community -
            mentors, students, and curious parents alike.</h2>
        </section>
        <section className={'section'}>
          <h1 className={'title'}>Open Source</h1>
          <h2 className={'subtitle'}>The project is hosted on GitHub in two
            separate repositories: <a href={'https://github.com/tervay/autoscout'}>front-end</a> and <a href={'https://github.com/tervay/autoscout-api'}>back-end</a>.
            The front-end is written in JavaScript (ES6) and uses React.js, among
            many other helpful libraries. The back-end is written in Python 3.6
            and uses Django, also with lots of other libraries. Both projects
            are licensed under the MIT license. Feel free to open an issue or
            submit a pull request! <br /><br />
            This project would certainly not be possible without the great people
            over at <a href={'https://www.thebluealliance.com/'}>TheBlueAlliance</a> and
            all the people in the FRC family. Thank you to everyone involved in FRC!
          </h2>
        </section>
        <section className={'section'}>
          <h1 className={'title'}>About the Author</h1>
          <h2 className={'subtitle'}>Hi, I'm Justin Tervay. I was a student on
            FRC Team 2791, Shaker Robotics, from 2012-15. After graduating, I was
            a remote mentor / adviser to the team in 2016 and 2017. Currently, I mentor
            team 340, Greater Rochester Robotics.
          </h2>
        </section>
      </div>);
    }
  }
  