<commit_before>import React from 'react'
import styled from 'styled-components'
import { Button, Col, Container, Row, Jumbotron } from 'reactstrap'
import theDire from '../img/keyboard.jpg'
import { createUrl } from '../api/utils'

export const Intro = styled.div`
    margin: 2rem 0;
    text-align: center;
`
const Description = styled.p`
    max-width: 400px;
    margin: 0 auto 30px auto;
`
const Divider = styled.hr`
    margin: 5rem 0;
`
const MarketingImage = styled.img`
    max-width: 400px;
    border-radius: 25px;
`
const MarketingDescription = styled.p`
    margin-left: 2rem;
    color: #062736;
`

const Homepage = props => (
    <Container fluid>
        <Container>
            <Intro>
                <h1 className="display-4">PUSH League</h1>
                <h2>Competitive Amateur Dota 2 League</h2>
                <Description className="lead">
                  Registration is free and easy!
                  To get started, sign in with your Steam account, create a team page, and invite your teammates to join!
                </Description>
                <div>
                    <Button color="success" size="lg"
                            href={createUrl('/login/steam/?next=/social-redirect')}>
                        <i className="fab fa-steam" />&nbsp;Sign Up
                    </Button>
                </div>
            </Intro>
        </Container>
        <Divider />
        <Jumbotron style={{ backgroundColor: '#efefef' },{borderStyle: 'solid'}}>
          <Container>

              <h2 id="how-it-works" className="display-4">
                   Season 0 coming soon!<commit_msg>changed border color and size on jumbotron<commit_after>import React from 'react'
import styled from 'styled-components'
import { Button, Col, Container, Row, Jumbotron } from 'reactstrap'
import theDire from '../img/keyboard.jpg'
import { createUrl } from '../api/utils'

export const Intro = styled.div`
    margin: 2rem 0;
    text-align: center;
`
const Description = styled.p`
    max-width: 400px;
    margin: 0 auto 30px auto;
`
const Divider = styled.hr`
    margin: 5rem 0;
`
const MarketingImage = styled.img`
    max-width: 400px;
    border-radius: 25px;
`
const MarketingDescription = styled.p`
    margin-left: 2rem;
    color: #062736;
`

const Homepage = props => (
    <Container fluid>
        <Container>
            <Intro>
                <h1 className="display-4">PUSH League</h1>
                <h2>Competitive Amateur Dota 2 League</h2>
                <Description className="lead">
                  Registration is free and easy!
                  To get started, sign in with your Steam account, create a team page, and invite your teammates to join!
                </Description>
                <div>
                    <Button color="success" size="lg"
                            href={createUrl('/login/steam/?next=/social-redirect')}>
                        <i className="fab fa-steam" />&nbsp;Sign Up
                    </Button>
                </div>
            </Intro>
        </Container>
        <Divider />
        <Jumbotron style={{ backgroundColor: '#efefef' },{border: 'solid 2px #757575'}}>
          <Container>

              <h2 id="how-it-works" className="display-4">
                   Season 0 coming soon!
{'fraction_non_alphanumeric': 0.11620145631067962, 'fraction_numerical': 0.020934466019417477, 'mean_word_length': 1.9411239964317573, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 45, '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': '1862371', 'n_tokens_mistral': 1007, 'n_tokens_neox': 926, 'n_words': 275}