<commit_before>var React = require('react'),
    Link = require('react-router').Link,
    Header = require('./header.jsx'),
    Footer = require('./footer.jsx');



var Page = React.createClass({
  render: function() {
    if(this.props.splash){
      return (
        <div className="home">
          <Header />
          <div className="splash-container">
            <div className="splash">
              <div className="splash-head">
                Contributor Badges
              </div>
              <div className="splash-subhead">
                <p>Exploring the use of digital badges for crediting contributors to scholarly papers for their work</p>
              </div>
              <p>
              <Link to="about" className="pure-button pure-button-primary">Learn More</Link>
              </p>
            </div>
          </div>
          <div className="content-wrapper">
            <div className="content">
              { this.props.children }
            </div>
            <Footer />
          </div>
        </div>
      );
    } else {
      return (
        <div>
          <Header />
          <div className="content-wrapper">
            <div className="content">
              { this.props.children }
            </div>
            <Footer />
          </div>
        </div>
      );
    }
  }
});

module.exports = Page;<commit_msg>splash page work<commit_after>var React = require('react'),
    Link = require('react-router').Link,
    Header = require('./header.jsx'),
    Footer = require('./footer.jsx');



var Page = React.createClass({
  render: function() {
    var splash;

    if (this.props.splash){
      splash =
          <div className="splash-container">
            <div className="splash">
              <div className="splash-head">
                Contributor Badges
              </div>
              <div className="splash-subhead">
                <p>Exploring the use of digital badges for crediting contributors to scholarly papers for their work</p>
              </div>
              <p>
              <Link to="about" className="pure-button pure-button-primary">Learn More</Link>
              </p>
            </div>
          </div>
      }

    return (
      <div className={ this.props.splash ? "home" : "" }>
        <Header />
        { splash }
        <div className="content-wrapper">
          <div className="content">
            { this.props.children }
          </div>
          <Footer />
        </div>
      </div>
    );
  }
});

module.exports = Page;
{'fraction_non_alphanumeric': 0.14003944773175542, 'fraction_numerical': 0.0, 'mean_word_length': 1.5158730158730158, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 55, 'https://': 0, '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': '2204302', 'n_tokens_mistral': 705, 'n_tokens_neox': 681, 'n_words': 153}