<commit_before>import React, { Component } from 'react';
import globalStyles from '../assets/styles/globals.scss';
import localStyles from './styles/Body.scss';

//assets
import backend from '../assets/images/backend.svg';
import frontend from '../assets/images/frontend.svg';
import design from '../assets/images/design.svg';
import trailslogo from '../assets/images/trails.svg';

const styles = Object.assign({}, localStyles, globalStyles);

export default class Body extends Component {
    render() {
        return (
            <div className={styles.Body}>
                <div className={styles.flexLeft} />
                <div className={`${styles.flexMiddle} ${styles.main}`}>
                    <h1>Services</h1>
                    <div className={`${styles.backfrontdesign}`}>
                        <div className={`${styles.backend}`}>
                            <img className={styles.serviceImage} src={backend} />
                            <h2>Node JS</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                        <div className={`${styles.frontend}`}>
                            <img className={styles.serviceImage} src={frontend} />
                            <h2>Front-End</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                        <div className={`${styles.design}`}>
                            <img className={styles.serviceImage} src={design} />
                            <h2>Design</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                    </div>
                    <div className={`${styles.trails}`}>
                        <img src={trailslogo} className={`${styles.trailslogo}`}/>
                        <div className={`${styles.trailstext}`}>
                            <a href="https://github.com/trailsjs" className={`${styles.checkitout}`}>Check Out</a>
                            <div className={`${styles.body}`}>Our Modern Web Application Framework for Node.JS</div>
                        </div>
                    </div>
                </div>
                <div className={styles.flexLeft} />
            </div>
        );
    }
}<commit_msg>fixed github link<commit_after>import React, { Component } from 'react';
import globalStyles from '../assets/styles/globals.scss';
import localStyles from './styles/Body.scss';

//assets
import backend from '../assets/images/backend.svg';
import frontend from '../assets/images/frontend.svg';
import design from '../assets/images/design.svg';
import trailslogo from '../assets/images/trails.svg';

const styles = Object.assign({}, localStyles, globalStyles);

export default class Body extends Component {
    render() {
        return (
            <div className={styles.Body}>
                <div className={styles.flexLeft} />
                <div className={`${styles.flexMiddle} ${styles.main}`}>
                    <h1>Services</h1>
                    <div className={`${styles.backfrontdesign}`}>
                        <div className={`${styles.backend}`}>
                            <img className={styles.serviceImage} src={backend} />
                            <h2>Node JS</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                        <div className={`${styles.frontend}`}>
                            <img className={styles.serviceImage} src={frontend} />
                            <h2>Front-End</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                        <div className={`${styles.design}`}>
                            <img className={styles.serviceImage} src={design} />
                            <h2>Design</h2>
                            <div className={styles.serviceBody}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mi ut augue tincidunt facilisis a vel felis.</div>
                        </div>
                    </div>
                    <div className={`${styles.trails}`}>
                        <img src={trailslogo} className={`${styles.trailslogo}`}/>
                        <div className={`${styles.trailstext}`}>
                            <a href="http://www.trailsjs.io" className={`${styles.checkitout}`}>Check Out</a>
                            <div className={`${styles.body}`}>Our Modern Web Application Framework for Node.JS</div>
                        </div>
                    </div>
                </div>
                <div className={styles.flexLeft} />
            </div>
        );
    }
}
{'fraction_non_alphanumeric': 0.13075611142694712, 'fraction_numerical': 0.0030320257722190637, 'mean_word_length': 1.6297957149975086, 'pattern_counts': {'":': 0, '<': 83, '<?xml version=': 0, '>': 83, 'https://': 1, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1422720', 'n_tokens_mistral': 1388, 'n_tokens_neox': 1365, 'n_words': 318}