<commit_before>'use strict';

import './styles.postcss';
import React from 'react';
import $ from 'jquery';

class CaresPackage extends React.Component {

  constructor(props) {
    super(props);
  }

  onClickFindMore() {
    /* Google Analytics */
    ga && ga('send', 'event', 'History', 'Find out more');

    $('html, body').animate({
        scrollTop: $('.l-power-box').offset().top
    }, 500);
  }

  render() {
    return (
      <article className="l-cares-package background-image viel">
        <div className="wrap">
          <header className="cares-package-header">
            <h1 className="text text-module-title -light">CARE Package at 70</h1>
            <h2 className="text text-claim -light">70 Years of Lasting Change</h2>
          </header>
          <p className="text text-highlighted -light">CARE was founded in 1945 to rush lifesaving CARE Packages to survivors of World War II. The generosity of millions of Americans turned a simple box into an icon.</p>
          <aside className="find-more">
            <button className="btn btn-primary" onClick={ this.onClickFindMore.bind(this) }>Find out more</button>
          </aside>
        </div>
      </article>
    )
  }
}

export default CaresPackage;<commit_msg>Care package component button set<commit_after>'use strict';

import './styles.postcss';
import React from 'react';
import $ from 'jquery';

class CaresPackage extends React.Component {

  constructor(props) {
    super(props);
  }

  onClickFindMore() {
    /* Google Analytics */
    ga && ga('send', 'event', 'History', 'Find out more');

    $('html, body').animate({
        scrollTop: $('.l-power-box').offset().top
    }, 500);
  }

  render() {
    return (
      <article className="l-cares-package background-image viel">
        <div className="wrap">
          <header className="cares-package-header">
            <h1 className="text text-module-title -light">CARE Package at 70</h1>
            <h2 className="text text-claim -light">70 Years of Lasting Change</h2>
          </header>
          <p className="text text-highlighted -light">CARE was founded in 1945 to rush lifesaving CARE Packages to survivors of World War II. The generosity of millions of Americans turned a simple box into an icon.</p>
          <aside className="find-more">
            <a href="http://www.care.org" className="btn btn-primary" onClick={ this.onClickFindMore.bind(this) } target="_blank">Visit care.org</a>
          </aside>
        </div>
      </article>
    )
  }
}

export default CaresPackage;
{'fraction_non_alphanumeric': 0.14050235478806908, 'fraction_numerical': 0.011773940345368918, 'mean_word_length': 2.833082706766917, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 1, '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': '5900948', 'n_tokens_mistral': 769, 'n_tokens_neox': 721, 'n_words': 215}