<commit_before>import React from 'react'
import { Container } from 'react-responsive-grid'
import { Link } from 'react-router'
import { prefixLink } from 'gatsby-helpers'
import Headroom from 'react-headroom'
import 'css/markdown-styles'
import 'css/headroom'
import m from './m.jpg'
import { Flex, Box } from 'reflexbox'
import { rhythm } from '../utils/typography'
import ScrollUp from 'react-scroll-up'
import img from './up_arrow_round.png'
import { SocialIcon } from 'react-social-icons'

module.exports = React.createClass({
  getInitialState: function () {
    return { email: '' }
  },
  propTypes () {
    return {
      children: React.PropTypes.any,
    }
  },
  handleChange(event) {
    this.setState({ email: event.target.value });
  },
  handleSubmit() {
    setTimeout(() => this.setState({ email: '' }), 100);
  },
  render: function () {

    return (
      <div>
        <Headroom wrapperStyle={{marginBottom: rhythm(1)}}>
          <Container style={{maxWidth: null, padding: '16px 20px'}}>
            <Flex align="center" col="5" justify="space-between">
              <Box>
                <div style={{width: 300}}>
                  <Flex>
                    <Box px={1}>
                      <a target="_blank" href="https://twitter.com/ChtefiD" style={{color: 'black',textDecoration: 'none',}}>
                        <img src={m} height={32} style={{ borderRadius: 100, margin: 0, display: 'block' }} />
                      </a>
                    </Box>
                    <Box px={0}>
                        <form style={{margin:0,padding:0,fontSize:14}} onSubmit={this.handleSubmit} action="//ctheu.us15.list-manage.com/subscribe/post?u=10fa09a0a644f563c084ab3fd&amp;id=32c9c3f4b2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" className="validate" target="_blank" novalidate>
                          <input style={{height: 26}} type="email" value={this.state.email} onChange={this.handleChange} name="EMAIL" placeholder="<EMAIL>" id="mce-EMAIL" />
                          &nbsp;
                          <input style={{height: 26, lineHeight: 1}} type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" />
                          <div style={{position: "absolute", left: -5000}} aria-hidden="true"><input type="text" name="b_10fa09a0a644f563c084ab3fd_32c9c3f4b2" tabindex="-1" value="" /></div>
                        </form>
                      </Box>
                  </Flex>
                </div>
              </Box>
              <Box px={1} className="index"><Link to={prefixLink('/')}>Blog Index</Link></Box>
              <Box px={1} className="social">
                <div>
                  <SocialIcon url="https://twitter.com/ChtefiD" style={{ height: 32, width: 32 }}/>&nbsp;
                  <SocialIcon url="https://medium.com/@ChtefiD/" style={{ height: 32, width: 32 }}/>&nbsp;
                  <SocialIcon url="https://github.com/chtefi" style={{ height: 32, width: 32 }}/>
                </div><commit_msg>Tweak headroom style<commit_after>import React from 'react'
import { Container } from 'react-responsive-grid'
import { Link } from 'react-router'
import { prefixLink } from 'gatsby-helpers'
import Headroom from 'react-headroom'
import 'css/markdown-styles'
import 'css/headroom'
import m from './m.jpg'
import { Flex, Box } from 'reflexbox'
import { rhythm } from '../utils/typography'
import ScrollUp from 'react-scroll-up'
import img from './up_arrow_round.png'
import { SocialIcon } from 'react-social-icons'

module.exports = React.createClass({
  getInitialState: function () {
    return { email: '' }
  },
  propTypes () {
    return {
      children: React.PropTypes.any,
    }
  },
  handleChange(event) {
    this.setState({ email: event.target.value });
  },
  handleSubmit() {
    setTimeout(() => this.setState({ email: '' }), 100);
  },
  render: function () {

    return (
      <div>
        <Headroom wrapperStyle={{marginBottom: rhythm(1)}}>
          <Container style={{maxWidth: null, padding: '16px 20px'}}>
            <Flex align="center" col="5" justify="space-between">
              <Box>
                <div style={{width: 300}}>
                  <Flex>
                    <Box px={1}>
                      <a target="_blank" href="https://twitter.com/ChtefiD" style={{color: 'black',textDecoration: 'none',}}>
                        <img src={m} height={32} style={{ borderRadius: 100, margin: 0, display: 'block' }} />
                      </a>
                    </Box>
                    <Box px={0}>
                        <form style={{margin:0,padding:0,fontSize:14}} onSubmit={this.handleSubmit} action="//ctheu.us15.list-manage.com/subscribe/post?u=10fa09a0a644f563c084ab3fd&amp;id=32c9c3f4b2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" className="validate" target="_blank" novalidate>
                          <input style={{height: 26, lineHeight: 1, borderRight: 0}} type="email" value={this.state.email} onChange={this.handleChange} name="EMAIL" placeholder="<EMAIL>" id="mce-EMAIL" />
                          <input style={{height: 26, lineHeight: 1}} type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" />
                          <div style={{position: "absolute", left: -5000}} aria-hidden="true"><input type="text" name="b_10fa09a0a644f563c084ab3fd_32c9c3f4b2" tabindex="-1" value="" /></div>
                        </form>
                      </Box>
                  </Flex>
                </div>
              </Box>
              <Box px={1} className="index"><Link to={prefixLink('/')}>Blog Index</Link></Box>
              <Box px={1} className="social">
                <div>
                  <SocialIcon url="https://twitter.com/ChtefiD" style={{ height: 32, width: 32 }}/>&nbsp;
                  <SocialIcon url="https://medium.com/@ChtefiD/" style={{ height: 32, width: 32 }}/>&nbsp;
                  <SocialIcon url="https://github.com/chtefi" style={{ height: 32, width: 32 }}/>
                </div>
{'fraction_non_alphanumeric': 0.16718878812860677, 'fraction_numerical': 0.030667765869744436, 'mean_word_length': 2.340308370044053, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 75, 'https://': 8, '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': '4077052', 'n_tokens_mistral': 1966, 'n_tokens_neox': 1825, 'n_words': 384}