<commit_before>import React from 'react';
import { Avatar, Card, CardHeader, CardMedia, CardTitle, CardText, CardActions,
  FlatButton, IconButton, FontIcon, Tabs, Tab } from 'material-ui';
import SwipeableViews from 'react-swipeable-views';
import ContentHolder from '../../components/ContentHolder.jsx';

export default class Home extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      slideIndex: 0,
      userChangedTab: false,
    };
  }

  componentDidMount(){
    setTimeout(this.forward.bind(this), 7000);
  }

  componentDidUpdate() {
    setTimeout(this.forward.bind(this), 5000);
  }

  forward(){
    if (this.state.userChangedTab) return;
    let next = this.state.slideIndex == 3 ? 0 : this.state.slideIndex + 1;
    this.setState({
      slideIndex: next,
    });
  }

  handleChange(value) {
    this.setState({
      slideIndex: value,
      userChangedTab: true,
    });
  }

  render() {
    return (
      <ContentHolder style={{ width: "90%" }}>
        <Tabs
          onChange={ this.handleChange.bind(this) }
          value={ this.state.slideIndex } >
          <Tab label="What" value={0} />
          <Tab label="How" value={1} />
          <Tab label="Who" value={2} />
          <Tab label="Help" value={3} />
        </Tabs>
        <SwipeableViews
          animateHeight={ true }
          index={ this.state.slideIndex }
          onChangeIndex={ this.handleChange.bind(this) }>
          <div>
            <Card>
              <CardMedia
                overlay={ <CardTitle title="What is House o' Dota?" /> } >
                <div className="crop slide1">
                  <img src="/static/images/slide1.png" />
                </div>
              </CardMedia>
              <CardText>
                House of Dota is a place where you can get several kinds of insights regarding the
                game current meta. What are the heroes most picked? What are the most powerful hero combos?
                Besides, we have a recommendation system in order to help you choosing the best hero
                for your line-up.
              </CardText>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia overlay={ <CardTitle title="How does it work?"/> }>
                <div className="crop slide2">
                  <img src="/static/images/slide2.png" />
                </div>
              </CardMedia>
              <CardText>
                We periodically collect valid and very high matches from Steam API. From this data,
                we analyze and run our machine learning algorithms in order to better understand the meta
                and make predictions and statistical analysis of the game.
              </CardText>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia overlay={<CardTitle title="Who’s behind House o' Dota?" />} >
                <div className="crop slide3">
                  <img src="/static/images/slide3.png" />
                </div>
              </CardMedia>
              <CardHeader
                title="<NAME>"
                subtitle="Master Student @UFMG and Consultant Developer @ThoughtWorks"
                avatar={'https://avatars3.githubusercontent.com/u/5628437?v=3&s=460'}
                />
              <CardText>
                Hey Folks, I'm Lucas! I'm studying for my master's degree at Universidade Federal de Minas Gerais, Brazil
                and House of Dota is the result of my dissertation project!
                <br></br>
                I am passionate about technology, data science,
                machine learning and (of course) Dota 2. I am currently also a consultant developer at ThoughtWorks.
              </CardText>
              <CardActions>
                <FlatButton
                  label="Twitter"
                  labelPosition="before"
                  href="https://twitter.com/lucashanke"
                  primary={true}
                  icon={<FontIcon className="muidocs-icon-custom-twitter" />}
                  />
                <FlatButton
                  label="GitHub"
                  href="https://github.com/lucashanke"
                  secondary={true}
                  icon={<FontIcon className="muidocs-icon-custom-github" />}
                  />
              </CardActions>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia
                overlay={
                  <CardTitle
                    title="Help is always welcome!"
                    subtitle={
                      <a style={{ color:'white' }}
                        href="https://www.youtube.com/watch?v=9qbp2F-wN5M">
                        '"Giff me support"'
                      </a>
                    }
                  />
                }>
                <div className="crop slide4">
                  <img src="/static/images/slide4.jpg" />
                </div>
              </CardMedia><commit_msg>fix some texts on home page<commit_after>import React from 'react';
import { Avatar, Card, CardHeader, CardMedia, CardTitle, CardText, CardActions,
  FlatButton, IconButton, FontIcon, Tabs, Tab } from 'material-ui';
import SwipeableViews from 'react-swipeable-views';
import ContentHolder from '../../components/ContentHolder.jsx';

export default class Home extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      slideIndex: 0,
      userChangedTab: false,
    };
  }

  componentDidMount(){
    setTimeout(this.forward.bind(this), 7000);
  }

  componentDidUpdate() {
    setTimeout(this.forward.bind(this), 5000);
  }

  forward(){
    if (this.state.userChangedTab) return;
    let next = this.state.slideIndex == 3 ? 0 : this.state.slideIndex + 1;
    this.setState({
      slideIndex: next,
    });
  }

  handleChange(value) {
    this.setState({
      slideIndex: value,
      userChangedTab: true,
    });
  }

  render() {
    return (
      <ContentHolder style={{ width: "90%" }}>
        <Tabs
          onChange={ this.handleChange.bind(this) }
          value={ this.state.slideIndex } >
          <Tab label="What" value={0} />
          <Tab label="How" value={1} />
          <Tab label="Who" value={2} />
          <Tab label="Help" value={3} />
        </Tabs>
        <SwipeableViews
          animateHeight={ true }
          index={ this.state.slideIndex }
          onChangeIndex={ this.handleChange.bind(this) }>
          <div>
            <Card>
              <CardMedia
                overlay={ <CardTitle title="What is House o' Dota?" /> } >
                <div className="crop slide1">
                  <img src="/static/images/slide1.png" />
                </div>
              </CardMedia>
              <CardText>
                House of Dota is a place where you can get several kinds of insights regarding the
                game current meta. What are the heroes most picked? What are the most powerful hero combos?
                Besides, we have a recommendation system in order to help you choosing the best hero
                for your line-up.
              </CardText>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia overlay={ <CardTitle title="How does it work?"/> }>
                <div className="crop slide2">
                  <img src="/static/images/slide2.png" />
                </div>
              </CardMedia>
              <CardText>
                We periodically collect valid and very high skill matches from Steam API. From this data,
                we analyze and run our machine learning algorithms in order to better understand the meta
                and make predictions and statistical analysis of the game.
              </CardText>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia overlay={<CardTitle title="Who’s behind House o' Dota?" />} >
                <div className="crop slide3">
                  <img src="/static/images/slide3.png" />
                </div>
              </CardMedia>
              <CardHeader
                title="<NAME>"
                subtitle="Master Student @UFMG and Consultant Developer @ThoughtWorks"
                avatar={'https://avatars3.githubusercontent.com/u/5628437?v=3&s=460'}
                />
              <CardText>
                Hey Folks, I'm Lucas! I'm studying for my master's degree at Universidade Federal de Minas Gerais, Brazil
                and House of Dota is the result of my dissertation project!
                <br></br>
                I am passionate about technology, data science,
                machine learning and (of course) Dota 2. I am currently also a consultant developer at ThoughtWorks.
              </CardText>
              <CardActions>
                <FlatButton
                  label="Twitter"
                  labelPosition="before"
                  href="https://twitter.com/lucashanke"
                  primary={true}
                  icon={<FontIcon className="muidocs-icon-custom-twitter" />}
                  />
                <FlatButton
                  label="GitHub"
                  href="https://github.com/lucashanke"
                  secondary={true}
                  icon={<FontIcon className="muidocs-icon-custom-github" />}
                  />
              </CardActions>
            </Card>
          </div>
          <div>
            <Card>
              <CardMedia
                overlay={
                  <CardTitle
                    title="Help is always welcome!"
                    subtitle={
                      <a style={{ color:'white' }}
                        href="https://www.youtube.com/watch?v=9qbp2F-wN5M">
                        "Giff me support"
                      </a>
                    }
                  />
                }>
                <div className="crop slide4">
                  <img src="/static/images/slide4.jpg" />
                </div>
              </CardMedia>
{'fraction_non_alphanumeric': 0.10789942585626608, 'fraction_numerical': 0.008315185111859039, 'mean_word_length': 1.44447132833293, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3948676', 'n_tokens_mistral': 2721, 'n_tokens_neox': 2539, 'n_words': 701}