<commit_before>/*
 * HomePage
 *
 * This is the first thing users see of our App, at the '/' route
 */

import React from 'react';
import { connect } from 'react-redux';
import { push } from 'react-router-redux';
import shouldPureComponentUpdate from 'react-pure-render/function';

import Button from 'Button';
import GettingStarted from 'GettingStarted';
import Features from 'Features';
import Contribute from 'Contribute';
import Logo from './react-boilerplate-logo.svg'

import styles from './styles.css';

export class HomePage extends React.Component {
  shouldComponentUpdate = shouldPureComponentUpdate;

  /**
   * Changes the route
   *
   * @param  {string} route The route we want to go to
   */
  openRoute = (route) => {
    this.props.changeRoute(route);
  };

  render() {
    return (
      <main className={ styles.homePage }>
        <nav className={ styles.nav } >
          <Button icon="download" outlined collapsable href="https://github.com/mxstbr/react-boilerplate/archive/master.zip">Download</Button>
          <Button icon="book">Docs</Button>
          <Button icon="github-logo" outlined collapsable href="https://github.com/mxstbr/react-boilerplate">Source</Button>
        </nav>
        <header className={ styles.header }>
          <Logo className={ styles.logo }/>
          <p>Quick setup for new performance orientated, offline–first React.js applications</p>
        </header>
        <article className={ styles.content }>
          <GettingStarted /><commit_msg>Fix docs link<commit_after>/*
 * HomePage
 *
 * This is the first thing users see of our App, at the '/' route
 */

import React from 'react';
import { connect } from 'react-redux';
import { push } from 'react-router-redux';
import shouldPureComponentUpdate from 'react-pure-render/function';

import Button from 'Button';
import GettingStarted from 'GettingStarted';
import Features from 'Features';
import Contribute from 'Contribute';
import Logo from './react-boilerplate-logo.svg'

import styles from './styles.css';

export class HomePage extends React.Component {
  shouldComponentUpdate = shouldPureComponentUpdate;

  /**
   * Changes the route
   *
   * @param  {string} route The route we want to go to
   */
  openRoute = (route) => {
    this.props.changeRoute(route);
  };

  render() {
    return (
      <main className={ styles.homePage }>
        <nav className={ styles.nav } >
          <Button icon="download" outlined collapsable href="https://github.com/mxstbr/react-boilerplate/archive/master.zip">Download</Button>
          <Button icon="book" href="https://github.com/mxstbr/react-boilerplate/tree/master/docs">Docs</Button>
          <Button icon="github-logo" outlined collapsable href="https://github.com/mxstbr/react-boilerplate">Source</Button>
        </nav>
        <header className={ styles.header }>
          <Logo className={ styles.logo }/>
          <p>Quick setup for new performance orientated, offline–first React.js applications</p>
        </header>
        <article className={ styles.content }>
          <GettingStarted />
{'fraction_non_alphanumeric': 0.12719583604424203, 'fraction_numerical': 0.0, 'mean_word_length': 3.3617021276595747, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, 'https://': 5, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1523870', 'n_tokens_mistral': 889, 'n_tokens_neox': 867, 'n_words': 241}