<commit_before>import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import Dumb from '../components/dumb';
import Radium from 'radium';
import Feed from './feed';
import Login from './login';
import Longform from './longform';
import GraphicNovel from './graphicNovel';
import MenuAndSettings from './menuAndSettings';
import { Link } from 'react-router';

const styles = {
  mainContainer: {
    width: '100vw',
    height: '95vh',
  },
  row: {
    display: 'flex',
    flexFlow: 'row nowrap',
    justifyContent: 'space-between',
  },
  col: {
    display: 'flex',
    flexFlow: 'col-nowrap',
    justifyContent: 'space-between',
  },
  icons: {
    color: 'white',
  },
  culturalnorm: {
    backgroundColor: '#d3d3d3',
    borderRadius: '15px',
    fontWeight: 'bold',
    padding: '2px 15px',
    border: '1px solid grey',
    flex: '1 1 auto',
  },
  feedImage: {
    height: '50vh',
    backgroundImage: `url('assets/images/photo_HUGGING.png')`,
    width: '100vw',
    justifyContent: 'space-between',
    display: 'flex',
    flexFlow: 'column nowrap',
  },
  descriptions: {
    width: '50vw',
    padding: '5px',
  },
  languageLocal: {
    display: 'flex',
    flexFlow: 'column nowrap',
  },
  languageForeign: {
    display: 'flex',
    flexFlow: 'column nowrap',
  },
  header: {

  },
  content: {

  },
};

class Main extends Component {
    constructor(props) {
        super(props);
        this.state = {
          enabled: true,
        };
    }

    toggleEnabled() {
        debugger
        this.setState({ enabled: !this.state.enabled });
    }

    componentDidMount() {
      console.log('hola')
    }

    render() {
      const
        toggleEnabled = this.toggleEnabled;
        return (
            <div style={styles.mainContainer}>
                <div style={[ styles.row, { backgroundColor: '#4A90E2' } ]}>
                    <i className="material-icons md-18" style={styles.icons}>menu</i>
                    <img src={'assets/images/menubar_LOGO.png'} alt="menuLogo" />
                    <i className="material-icons md-18" style={styles.icons}>book</i>
                </div>
                <div style={[ styles.row ]}>
                    <div style={styles.feedImage}>
                        <div style={ { display: 'flex', flex: '5 1 auto' } }></div>
                        <div><span style={styles.culturalnorm}>#culturalnorm</span></div>
                    </div>
                </div>
                <div style={[ styles.row ]}>
                    <div style={styles.descriptions}>
                        <div style={styles.languageLocal}>
                            <div style={styles.header}></div>
                            <div style={styles.content}></div>
                        </div>
                    </div>
                    <div style={styles.descriptions}>
                        <div style={styles.languageForeign}>
                            <div style={styles.header}></div>
                            <div style={styles.content}></div>
                        </div>
                    </div>
                </div>
                <div style={[ styles.row ]}>
                </div>
            </div>
        );
    }
}
Main = Radium(Main);
<commit_msg>prepush<commit_after>import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import Dumb from '../components/dumb';
import Radium from 'radium';
import Feed from './feed';
import Login from './login';
import Longform from './longform';
import GraphicNovel from './graphicNovel';
import MenuAndSettings from './menuAndSettings';
import { Link } from 'react-router';

const styles = {
  mainContainer: {
    width: '100vw',
    height: '95vh',
  },
  row: {
    display: 'flex',
    flexFlow: 'row nowrap',
    justifyContent: 'space-between',
  },
  col: {
    display: 'flex',
    flexFlow: 'col-nowrap',
    justifyContent: 'space-between',
  },
  topRow: {
    disply: 'flex',
    alignItems: 'center',
    backgroundColor: '#4A90E2',
    padding: '10px',
    height: '9.5vh',
  },
  icons: {
    color: 'white',
  },
  menuLogo: {
    padding: '2px',
    width: '30vmin',
    height: '10vmin',
  },
  culturalnorm: {
    backgroundColor: '#4A90E2',
    color: 'white',
    textTransform: 'uppercase',
    fontWeight: 'bold',
    border: '1px solid grey',
    alignItems: 'center',
    alignContent: 'center',
  },
  feedImage: {
    height: '55vh',
    backgroundImage: `url('assets/images/photo_HUGGING.png')`,
    backgroundSize: '100%',
    width: '100vw',
    justifyContent: 'space-between',
    display: 'flex',
    flexFlow: 'column nowrap',
    padding: '10px',
  },
  descriptions: {
    width: '50vw',
    padding: '5px',
  },
  languageLocal: {
    display: 'flex',
    flexFlow: 'column nowrap',
  },
  languageForeign: {
    display: 'flex',
    flexFlow: 'column nowrap',
  },
  header: {
    display: 'flex',
    flexFlow: 'row nowrap',
    justifyContent: 'space-around',
    alignItems: 'center',
  },
  content: {

  },
  behaviorRow: {
    display: 'flex',
    flexFlow: 'row nowrap',
    height: '5vh',
    display: 'flex',
    alignItems: 'center',
  },
  volume: {
    color: '#4A90E2',
    height: '4vh',
    width: '4vh',
    marginLeft: '5px',
  },
  learningWord: {
    fontWeight: 500,
    fontSize: '20px',
    display: 'flex',
    alignContent: 'center',
  }
};

class Main extends Component {
    constructor(props) {
        super(props);
        this.state = {
          enabled: true,
        };
    }

    toggleEnabled() {
        debugger
        this.setState({ enabled: !this.state.enabled });
    }

    componentDidMount() {
      console.log('hola')
    }

    render() {
      const
        toggleEnabled = this.toggleEnabled;
        return (
            <div style={styles.mainContainer}>
                <div style={[ styles.row, styles.topRow ]}>
                    <i className="material-icons md-18" style={styles.icons}>menu</i>
                    <img style={styles.menuLogo} src={'assets/images/menubar_LOGO.png'} alt="menuLogo" />
                    <i className="material-icons md-18" style={styles.icons}>book</i>
                </div>
                <div style={[ styles.row ]}>
                    <div style={styles.feedImage}>
                        <div style={ { display: 'flex', flex: '5 1 auto' } }></div>
                        <div style={styles.behaviorRow}>
                            <span style={[styles.culturalnorm, { margin: '0px 5px', padding: '8px 4px', }]}>behavior | <span style={{fontWeight: 'normal'}}>behavior</span></span>
                            <div style={[styles.culturalnorm, { padding: '3.5px 4px' }]}><i className="material-icons .md-5" style={styles.icons}>favorite</i></div>
                        </div>
                    </div>
                </div>
                <div style={[ styles.row ]}>
                    <div style={styles.descriptions}>
                        <div style={styles.languageLocal}>
                            <div style={styles.header}>
                                <div style={styles.learningWord}>Hugging<span style={{ marginTop: '5px' }}><i className="material-icons" style={styles.volume}>volume_up</i></span></div>
                            </div>
                            <div style={styles.content}></div>
                        </div>
                    </div>
                    <div style={styles.descriptions}>
                        <div style={styles.languageForeign}>
                            <div style={styles.header}></div>
                            <div style={styles.content}></div>
                        </div>
                    </div>
                </div>
                <div style={[ styles.row ]}>
                </div>
            </div>
        );
    }
}
Main = Radium(Main);

{'fraction_non_alphanumeric': 0.1544612260439142, 'fraction_numerical': 0.012438126665820535, 'mean_word_length': 1.8142857142857143, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 93, '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': '5293044', 'n_tokens_mistral': 2435, 'n_tokens_neox': 2329, 'n_words': 505}