<commit_before>import React, { Component } from 'react';
import Carousel from '../carousel/carousel';
import slides from '../../data/frontend-carousel';

export default class Frontend extends Component {
  constructor() {
    super();

    this.state = {
      backgroundClass: '',
    }

    this.handleTransition = this.handleTransition.bind(this);
  }

  handleTransition(backgroundClass) {
    this.setState({ backgroundClass });
  }

  render() {
    const background = this.state.backgroundClass;

    return (
      <section className={`l-section l-section--frontend ${background ? `l-section--${background}` : ''}`}>
        <div className="l-container">
          <div className="l-section__inner">
            <h2 className="heading heading--alt">Frontend</h2>
            <div className="copy copy--alt">
              <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Labore odit quam enim consequatur deleniti animi sunt.
                Voluptatibus eaque dignissimos ex tempora expedita, ab reprehenderit quas!
              </p>
            </div>
          </div>
          <Carousel slides={slides} delay="2000" onTransition={this.handleTransition} />
        </div>
      </section>
    );
  }
}<commit_msg>increased carousel transition time as it was a bit too fast<commit_after>import React, { Component } from 'react';
import Carousel from '../carousel/carousel';
import slides from '../../data/frontend-carousel';

export default class Frontend extends Component {
  constructor() {
    super();

    this.state = {
      backgroundClass: '',
    }

    this.handleTransition = this.handleTransition.bind(this);
  }

  handleTransition(backgroundClass) {
    this.setState({ backgroundClass });
  }

  render() {
    const background = this.state.backgroundClass;

    return (
      <section className={`l-section l-section--frontend ${background ? `l-section--${background}` : ''}`}>
        <div className="l-container">
          <div className="l-section__inner">
            <h2 className="heading heading--alt">Frontend</h2>
            <div className="copy copy--alt">
              <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Labore odit quam enim consequatur deleniti animi sunt.
                Voluptatibus eaque dignissimos ex tempora expedita, ab reprehenderit quas!
              </p>
            </div>
          </div>
          <Carousel slides={slides} delay="2500" onTransition={this.handleTransition} />
        </div>
      </section>
    );
  }
}
{'fraction_non_alphanumeric': 0.12529002320185614, 'fraction_numerical': 0.004640371229698376, 'mean_word_length': 2.417437252311757, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, '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': '5883444', 'n_tokens_mistral': 738, 'n_tokens_neox': 713, 'n_words': 176}