<commit_before>import React from 'react';
import mui from 'material-ui';
import request from 'superagent';

import FullWidthSection from './material-ui-docs/full-width-section.jsx';
let { Mixins, RaisedButton, Styles } = require('material-ui');
let { StylePropable, StyleResizable } = Mixins;
let { Colors, Spacing, Typography } = Styles;
let ThemeManager = new Styles.ThemeManager().getCurrentTheme();

export default React.createClass({
  mixins: [StylePropable, StyleResizable],

  render(){
    return this._getHomePageHero()
  },

  _getHomePageHero() {
    let styles = {
      root: {
        background: Colors.cyan500,
        overflow: 'hidden'
      },
      tagline: {
        margin: '16px auto 0 auto',
        textAlign: 'center',
        maxWidth: '575px'
      },
      label: {
        color: ThemeManager.palette.primary1Color,
      },
      h1: {
        color: Colors.darkWhite,
        fontWeight: Typography.fontWeightLight,
      },
      h2: {
        //.mui-font-style-title
        fontSize: '20px',
        lineHeight: '28px',
        paddingTop: '19px',
        marginBottom: '13px',
        letterSpacing: '0',
      },
      nowrap: {
        whiteSpace: 'nowrap'
      },
      taglineWhenLarge: {
        marginTop: '32px'
      },
      h1WhenLarge: {
        fontSize: '56px'
      },
      h2WhenLarge: {
        //.mui-font-style-headline;
        fontSize: '24px',
        lineHeight: '32px',
        paddingTop: '16px',
        marginBottom: '12px'
      }
    };

    styles.h2 = this.mergeStyles(styles.h1, styles.h2);

    if (this.isDeviceSize(StyleResizable.statics.Sizes.LARGE)) {
      styles.tagline = this.mergeStyles(styles.tagline, styles.taglineWhenLarge);
      styles.h1 = this.mergeStyles(styles.h1, styles.h1WhenLarge);
      styles.h2 = this.mergeStyles(styles.h2, styles.h2WhenLarge);
    }

    return (
      <div>
        <mui.Dialog
          actions={[{text:'Close'}]}
          actionFocus="submit"
          ref="dialog" >
          <mui.Tabs>
            <mui.Tab label="Login" >
              <form action='/login' method='POST'>
                <mui.TextField required={true} name='email' type='email' hintText='Email Address' fullWidth={true} />
                <mui.TextField required={true} name='password' type='password' hintText='Password' fullWidth={true} />
                <mui.RaisedButton primary={true} label='Submit' type='submit'/>
              </form>
            </mui.Tab>
            <mui.Tab label="Register" >
              <form action='/register' method='POST'>
                <mui.TextField required={true} name='email' type='email' hintText='Email Address' fullWidth={true} />
                <mui.TextField required={true}name='password' type='password' hintText='Password' fullWidth={true} />
                <mui.TextField required={true} name='confirmPassword' type='password' hintText='Confirm Password' fullWidth={true} />
                <mui.RaisedButton primary={true} label='Submit' type='submit'/>
              </form>
            </mui.Tab>
          </mui.Tabs>
        </mui.Dialog>

        <mui.AppBar
          iconElementRight={
            <mui.RaisedButton label='Login / Register' onTouchTap={()=>this.refs.dialog.show()} />
          }
          iconElementLeft={false}
          />
        <FullWidthSection style={styles.root}>
          <div style={styles.tagline}>
            <h1 style={styles.h1}>JobSeed</h1>
            <h2 style={styles.h2}>
              Pandora-like job board, find jobs tailored to you
            </h2>
          </div>
          <div style={{paddingLeft:50, paddingRight:50}}>
            {/*Content*/}
          </div>
        </FullWidthSection>
      </div>
    );
  },
})<commit_msg>start on homepage sample cards<commit_after>import React from 'react';
import mui from 'material-ui';
import request from 'superagent';

import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
import FullWidthSection from './material-ui-docs/full-width-section.jsx';
let { Mixins, RaisedButton, Styles } = require('material-ui');
let { StylePropable, StyleResizable } = Mixins;
let { Colors, Spacing, Typography } = Styles;
let ThemeManager = new Styles.ThemeManager().getCurrentTheme();

export default React.createClass({
  mixins: [StylePropable, StyleResizable],

  render(){
    return this._getHomePageHero()
  },

  _getHomePageHero() {
    let styles = {
      root: {
        background: Colors.cyan500,
        overflow: 'hidden'
      },
      tagline: {
        margin: '16px auto 0 auto',
        textAlign: 'center',
        maxWidth: '575px'
      },
      examples: {
        margin: '-110px auto 0 auto',
        maxWidth: '1204px'
      },
      label: {
        color: ThemeManager.palette.primary1Color,
      },
      h1: {
        color: Colors.darkWhite,
        fontWeight: Typography.fontWeightLight,
      },
      h2: {
        //.mui-font-style-title
        fontSize: '20px',
        lineHeight: '28px',
        paddingTop: '19px',
        marginBottom: '13px',
        letterSpacing: '0',
      },
      nowrap: {
        whiteSpace: 'nowrap'
      },
      taglineWhenLarge: {
        marginTop: '32px'
      },
      h1WhenLarge: {
        fontSize: '56px'
      },
      h2WhenLarge: {
        //.mui-font-style-headline;
        fontSize: '24px',
        lineHeight: '32px',
        paddingTop: '16px',
        marginBottom: '12px'
      }
    };

    styles.h2 = this.mergeStyles(styles.h1, styles.h2);

    if (this.isDeviceSize(StyleResizable.statics.Sizes.LARGE)) {
      styles.tagline = this.mergeStyles(styles.tagline, styles.taglineWhenLarge);
      styles.h1 = this.mergeStyles(styles.h1, styles.h1WhenLarge);
      styles.h2 = this.mergeStyles(styles.h2, styles.h2WhenLarge);
    }


    var rightIconMenu = (
      <mui.IconMenu iconButtonElement={<mui.IconButton><MoreVertIcon /></mui.IconButton>}>
        <mui.MenuItem>Apply</mui.MenuItem>
        <mui.MenuItem>Like</mui.MenuItem>
        <mui.MenuItem>Dislike</mui.MenuItem>
      </mui.IconMenu>
    );

    return (
      <div>
        <mui.Dialog ref="dialog" >
          <mui.Tabs>
            <mui.Tab label="Login" >
              <form action='/login' method='POST'>
                <mui.TextField required={true} name='email' type='email' hintText='Email Address' fullWidth={true} />
                <mui.TextField required={true} name='password' type='password' hintText='Password' fullWidth={true} />
                <mui.RaisedButton primary={true} label='Submit' type='submit'/>
              </form>
            </mui.Tab>
            <mui.Tab label="Register" >
              <form action='/register' method='POST'>
                <mui.TextField required={true} name='email' type='email' hintText='Email Address' fullWidth={true} />
                <mui.TextField required={true}name='password' type='password' hintText='Password' fullWidth={true} />
                <mui.TextField required={true} name='confirmPassword' type='password' hintText='Confirm Password' fullWidth={true} />
                <mui.RaisedButton primary={true} label='Submit' type='submit'/>
              </form>
            </mui.Tab>
          </mui.Tabs>
        </mui.Dialog>

        <mui.AppBar
          iconElementRight={
            <mui.RaisedButton label='Login / Register' onTouchTap={()=>this.refs.dialog.show()} />
          }
          iconElementLeft={<span />}
          />
        <FullWidthSection style={styles.root}>
          <div style={styles.tagline}>
            <h1 style={styles.h1}>JobSeed</h1>
            <h2 style={styles.h2}>Find jobs tailored to you.</h2>
          </div>
        </FullWidthSection>
        <FullWidthSection style={styles.examples}>
          <mui.Card>
            <mui.CardTitle title='Rate job posts' />
            <mui.ListDivider />
            <mui.CardHeader
              title='Seeking Senior JavaScript Developer'
              subtitle='Company, Inc | San Francisco, CA'
              avatar="http://lorempixel.com/100/100/technics/10"
              />
            <mui.CardText>
              <p>
                Come work for the coolest company on earth! We use <b>React</b>, React Native, <b>Node.js</b>/Express, <b>Postgres</b>. PTO, paid vacation, 401k, and an HTC Vive room for competitive produce-juggling.
              </p>
              <mui.FloatingActionButton secondary={true}>
                <mui.FontIcon className="material-icons">thumb_up</mui.FontIcon>
              </mui.FloatingActionButton>
              &nbsp;&nbsp;
              <mui.FloatingActionButton secondary={true}>
                <mui.FontIcon className="material-icons">thumb_down</mui.FontIcon>
              </mui.FloatingActionButton>
            </mui.CardText>
          </mui.Card>

          <br/>
          <mui.Card>
            <mui.CardTitle title='That adjusts scores' />
            <mui.ListDivider />
            <mui.CardText>
              <mui.List>
                {['React', 'Node', 'Postgres', 'San Francisco, CA', 'Company, inc.'].map(k => {
                  return <mui.ListItem primaryText={
                    <div><span style={{fontWeight:'bold', color:'green'}}>+1</span> {k}</div>
                  } />
                })}
              </mui.List>
            </mui.CardText>
            <mui.CardTitle
              title='Filtering your job-hunt'
              subtitle='Scores train JobSeed to narrow down jobs tailored for your interests.'
              />
            <mui.ListDivider />
            <mui.CardText>
              <mui.List>
                {
                  [
                    {title:'Node.js, Postgres Backend Engineer', sub:'Medical Inc. | San Jose, CA'},
                    {title:'Python Machine Learning Expert', sub:'Singularity Ltd. | Boston, MA', disabled:true},
                    {title:'React + Flux Web/Mobile Developer', sub:'Agency LLC | Portland, OR'},
                    {title:'Backbone, Rails Full-Stack Dev', sub:'NotMyCup Co. | Austin, TX', disabled:true},
                  ].map((i,n)=> <mui.ListItem
                    style={ i.disabled ? {textDecoration:'line-through', opacity:0.5} : {}}
                    leftAvatar={<mui.Avatar src={"http://lorempixel.com/100/100/technics/"+(n+1)} />}
                    primaryText={i.title}
                    secondaryText={i.sub}
                    rightIconButton={rightIconMenu}
                    />
                  )
                }
              </mui.List>
            </mui.CardText>
          </mui.Card>

          <br/>
          <mui.Card>
            <mui.CardTitle
              title={<span>And making <i>you</i> easier to find</span>}
              subtitle={`No more "didn't do their homework" recuiter emails, companies find you because you're a good fit.`} />
            <mui.ListDivider />
            <mui.CardHeader
              title='Me'
              subtitle='Full-stack JavaScript Developer'
              avatar="http://lorempixel.com/100/100/people"
              />
            <mui.CardText>
              <p>
                "Me" matches your company by a score of <span style={{color:'green'}}>+10</span> on the following attributes: <b>React</b>, <b>Node</b>, <b>Postgres</b>.
              </p>
              <mui.RaisedButton label="Contact" />
            </mui.CardText>
          </mui.Card>

        </FullWidthSection>
      </div>
    );
  },
})
{'fraction_non_alphanumeric': 0.14149373960248665, 'fraction_numerical': 0.012345679012345678, 'mean_word_length': 1.921227621483376, 'pattern_counts': {'":': 0, '<': 149, '<?xml version=': 0, '>': 153, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5654916', 'n_tokens_mistral': 3536, 'n_tokens_neox': 3413, 'n_words': 643}