<commit_before>var React = require('react');

var Footer = React.createClass({
  render: function() {
    return (
      <footer>
        <div className="container">
          <h3><strong>Information</strong> and <strong>Copyright</strong></h3>
          <p>© 2015 Sahat Yalkabov.</p>
          <p>Powered by <strong>Node.js</strong>, <strong>MongoDB</strong> and <strong>React</strong>.</p>
        </div>
      </footer>
    );
  }
});

module.exports = Footer;<commit_msg>footer now includes top5 leaderboard<commit_after>var React = require('react');
var Router = require('react-router');

var Link = Router.Link;

var Footer = React.createClass({

  getInitialState: function() {
    return {
      characters: []
    }
  },

  componentDidMount: function() {
    $.get('/api/leaderboard', function(data) {
      this.setState({ characters: data });
    }.bind(this));
  },

  render: function() {
    var leaderboardCharacters = this.state.characters.map(function(character) {
      return (
        <li key={character.characterId}>
          <Link to={'/characters/' + character.characterId}>
            <img className='thumb-md' src={'http://image.eveonline.com/Character/' + character.characterId + '_128.jpg'} />
          </Link>
        </li>
      )
    });

    return (
      <footer>
        <div className='container'>
          <div className='row'>
            <div className='col-sm-5'>
              <h3 className='lead'><strong>Information</strong> and <strong>Copyright</strong></h3>
              <p>Powered by <strong>Node.js</strong>, <strong>MongoDB</strong> and <strong>React</strong>.</p>
              <p>You may view the <a href='https://github.com/sahat/newedenfaces-react'>Source Code</a> behind this project on GitHub</p>
              <p>© 2015 Sahat Yalkabov.</p>
            </div>
            <div className='col-sm-7 hidden-xs'>
              <h3 className='lead'><strong>Leaderboard</strong> Top 5 Characters</h3>
              <ul className='list-inline'>
                {leaderboardCharacters}
              </ul>
            </div>
          </div>
        </div>
      </footer>
    );
  }
});

module.exports = Footer;
{'fraction_non_alphanumeric': 0.1653579676674365, 'fraction_numerical': 0.009699769053117783, 'mean_word_length': 2.3633540372670807, 'pattern_counts': {'":': 0, '<': 64, '<?xml version=': 0, '>': 64, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5660475', 'n_tokens_mistral': 675, 'n_tokens_neox': 654, 'n_words': 127}