{"size": 1571, "ext": "js", "max_stars_repo_path": "frontend/src/components/About.js", "max_stars_repo_name": "douglasnaphas/brian-liberation", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/components/About.js", "max_issues_repo_name": "douglasnaphas/brian-liberation", "max_issues_repo_issues_event_min_datetime": "2021-03-19T15:19:21.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-30T05:03:25.000Z", "max_forks_repo_path": "frontend/src/components/About.js", "max_forks_repo_name": "douglasnaphas/brian-liberation", "max_forks_repo_forks_event_min_datetime": "2021-03-19T22:21:34.000Z", "max_forks_repo_forks_event_max_datetime": "2021-05-10T13:59:42.000Z"}
{"max_stars_count": null, "max_issues_count": 19, "max_forks_count": 2, "avg_line_length": 29.641509434, "max_line_length": 80, "alphanum_fraction": 0.5671546785}
import React, { Component } from "react";
import MenuAppBar from "./MenuAppBar";
import Typography from "@material-ui/core/Typography";
import { withStyles } from "@material-ui/core/styles";

const styles = (theme) => ({
  button: {
    margin: theme.spacing(1),
  },
  input: {
    display: "none",
  },
});

class About extends Component {
  render() {
    return (
      <div>
        <MenuAppBar />
        <div madliberationid="about-page">
          <br />
          <Typography variant="h2" gutterBottom>
            About
          </Typography>
          <Typography component="p" paragraph gutterBottom>
            Brian Liberation is a fill-in-the-blank game created for a guy named
            Brian.
          </Typography>
          <Typography component="p" paragraph gutterBottom>
            You can use it to create a session with your friends. It will
            generate a Room Code, you share it with your friends, they join you,
            you fill in blanks, et cetera.
          </Typography>
          <Typography id="about-text" component="p" paragraph gutterBottom>
            Brian Liberation's source code lives on{" "}
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://github.com/cdk-turnkey/brian-liberation"
            >
              GitHub
            </a>{" "}
            . You can raise issues there for any bugs encountered or features
            desired.
          </Typography>
        </div>
      </div>
    );
  }
}

export default withStyles(styles)(About);
