<commit_before>import React from 'react'
import USMap from '../components/USMap'
import Navigation from '../components/Navigation'
import Footer from '../components/Footer'
import SignupForm from '../components/SignupForm'
import { StyleSheet } from 'react-look'
import EventsList from '../containers/EventsList'
import { connect } from 'react-redux'
import theme from '../theme'

const styles = StyleSheet.create({
  map: {
    height: '100%'
  },
  container: {
    height: '100vh',
    width: '100vw',
    position: 'relative'
  },
  link: {
    ...theme.link
  },
  hero: {
    paddingTop: 10,
    position: 'relative',
    height: 'calc(100vh - 170px)',
    width: '100vw',
    backgroundColor: 'white'
  },
  welcomeMessage: {
    textAlign: 'center',
    fontFamily: 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif',
    fontWeight: 300,
    position: 'relative',
    top: '50%',
    transform: 'translateY(-50%)',
    padding: '1em'
  },
  welcomeBackground: {
    backgroundColor: theme.colors.lightGray,
    opacity: 0.5,
    height: '100%',
    width: '100%',
    position: 'absolute',
    zIndex: -1,
    margin: '-1em'
  },
  welcomeLine1: {
    fontSize: '2vw',
    color: theme.colors.blue,
    paddingTop: '1em',
    paddingBottom: '0.5em',
    '@media (max-width: 750px)': {
      fontSize: 16,
      width: 350,
      margin: 'auto'
    },
    '@media (max-width: 400px)': {
      display: 'none'
    }
  },
  signupForm: {
    backgroundColor: theme.colors.lightGray
  },
  welcomeLine2: {
    fontSize: '3vw',
    '@media (max-width:750px)': {
      fontSize: '24px'
    },
    '@media (max-width: 750px)': {
      fontSize: 16,
      width: 350,
      margin: 'auto'
    },
    color: theme.colors.darkGray
  },
  rsvpButton: {
    marginTop: '1em',
    marginBottom: '1em',
    backgroundColor: theme.colors.blue,
    color: 'white',
    padding: '0.2em 1em',
    display: 'inline-block',
    fontWeight: 600,
    fontSize: '3vw',
    cursor: 'pointer',
    borderRadius: 5,
    ':hover': {
      backgroundImage: 'linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))'
    },
    '@media (max-width:750px)': {
      fontSize: '24px'
    }
  },
  cantMakeIt: {
    fontSize: '1.2vw',
    padding: '1em 1em 1em 1em',
    '@media (max-width:750px)': {
      fontSize: '10px'
    },
    position: 'absolute',
    textAlign: 'right',
    zIndex: 1000,
    top: 0,
    right: 30,
    color: theme.colors.gray
  },
  highlight: {
    color: theme.colors.orange,
    fontWeight: 600
  },
  welcomeMessageContainer: {
    width: '100%',
    height: '80vmin',
    position: 'absolute',
    zIndex: 1000
  },
  nav: {
    width: '100vw',
    minHeight: 77
  }
})

function mapStateToProps(state) {
  return {
    events: state.events
  }
}

class App extends React.Component {
  static propTypes = {
    events: React.PropTypes.array,
    selectedState: React.PropTypes.string
  }

  state = {
    introMode: true
  }

  showWelcomeMessage() {
    if (this.state.introMode) {
      return (
        <div
          className={styles.welcomeMessageContainer}
        >
          <div
            className={styles.welcomeMessage}
          >
            <div className={styles.welcomeBackground}>
            </div>
            <div className={styles.welcomeLine1}>
              We're coming to a city near you to start planning the next step of the political revolution.
            </div>
            <div className={styles.welcomeLine2}>
              Let's get together to elect a <span className={styles.highlight}>Brand New Congress</span> that works for all.
            </div>
            <div
              className={styles.rsvpButton}
              onClick={() => {
                this.setState({ introMode: false })
              }}
            ><commit_msg>No intro by default<commit_after>import React from 'react'
import USMap from '../components/USMap'
import Navigation from '../components/Navigation'
import Footer from '../components/Footer'
import SignupForm from '../components/SignupForm'
import { StyleSheet } from 'react-look'
import EventsList from '../containers/EventsList'
import { connect } from 'react-redux'
import theme from '../theme'

const styles = StyleSheet.create({
  map: {
    height: '100%'
  },
  container: {
    height: '100vh',
    width: '100vw',
    position: 'relative'
  },
  link: {
    ...theme.link
  },
  hero: {
    paddingTop: 10,
    paddingBottom: 10,
    position: 'relative',
    height: 'calc(100vh - 170px)',
    width: '100vw',
    backgroundColor: 'white'
  },
  welcomeMessage: {
    textAlign: 'center',
    fontFamily: 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif',
    fontWeight: 300,
    position: 'relative',
    top: '50%',
    transform: 'translateY(-50%)',
    padding: '1em'
  },
  welcomeBackground: {
    backgroundColor: theme.colors.lightGray,
    opacity: 0.5,
    height: '100%',
    width: '100%',
    position: 'absolute',
    zIndex: -1,
    margin: '-1em'
  },
  welcomeLine1: {
    fontSize: '2vw',
    color: theme.colors.blue,
    paddingTop: '1em',
    paddingBottom: '0.5em',
    '@media (max-width: 750px)': {
      fontSize: 16,
      width: 350,
      margin: 'auto'
    },
    '@media (max-width: 400px)': {
      display: 'none'
    }
  },
  signupForm: {
    backgroundColor: theme.colors.lightGray
  },
  welcomeLine2: {
    fontSize: '3vw',
    '@media (max-width:750px)': {
      fontSize: '24px'
    },
    '@media (max-width: 750px)': {
      fontSize: 16,
      width: 350,
      margin: 'auto'
    },
    color: theme.colors.darkGray
  },
  rsvpButton: {
    marginTop: '1em',
    marginBottom: '1em',
    backgroundColor: theme.colors.blue,
    color: 'white',
    padding: '0.2em 1em',
    display: 'inline-block',
    fontWeight: 600,
    fontSize: '3vw',
    cursor: 'pointer',
    borderRadius: 5,
    ':hover': {
      backgroundImage: 'linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))'
    },
    '@media (max-width:750px)': {
      fontSize: '24px'
    }
  },
  cantMakeIt: {
    fontSize: '1.2vw',
    padding: '1em 1em 1em 1em',
    '@media (max-width:750px)': {
      fontSize: '10px'
    },
    position: 'absolute',
    textAlign: 'right',
    zIndex: 1000,
    top: 0,
    right: 30,
    color: theme.colors.gray
  },
  highlight: {
    color: theme.colors.orange,
    fontWeight: 600
  },
  welcomeMessageContainer: {
    width: '100%',
    height: '80vmin',
    position: 'absolute',
    zIndex: 1000
  },
  nav: {
    width: '100vw',
    minHeight: 77
  }
})

function mapStateToProps(state) {
  return {
    events: state.events
  }
}

class App extends React.Component {
  static propTypes = {
    events: React.PropTypes.array,
    selectedState: React.PropTypes.string
  }

  state = {
    introMode: false
  }

  showWelcomeMessage() {
    if (this.state.introMode) {
      return (
        <div
          className={styles.welcomeMessageContainer}
        >
          <div
            className={styles.welcomeMessage}
          >
            <div className={styles.welcomeBackground}>
            </div>
            <div className={styles.welcomeLine1}>
              We're coming to a city near you to start planning the next step of the political revolution.
            </div>
            <div className={styles.welcomeLine2}>
              Let's get together to elect a <span className={styles.highlight}>Brand New Congress</span> that works for all.
            </div>
            <div
              className={styles.rsvpButton}
              onClick={() => {
                this.setState({ introMode: false })
              }}
            >
{'fraction_non_alphanumeric': 0.14491614255765198, 'fraction_numerical': 0.03485324947589098, 'mean_word_length': 2.3536906854130053, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 27, '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': '3673840', 'n_tokens_mistral': 2717, 'n_tokens_neox': 2531, 'n_words': 581}