<commit_before>/**
*
* Header
*
*/

import React from 'react';
import Helmet from 'react-helmet';
import {Link} from 'react-router';
import Responsive from 'react-responsive';
import Paper from 'material-ui/Paper';
import {FaHome} from 'react-icons/lib/fa';

const colors= {
  white: "#FAFAFA",
  black: "#424242",
  accentPurple: "#9575CD",
  lightBlue: "#B3E5FC",
  brightBlue:"#00B0FF",
  lightGreen: "#C8E6C9",
  darkGreen: "#43A047",

}

class Header extends React.PureComponent {
  constructor(props) {
   super(props);
   this.state = {
     homeHover:false
   }
 }

 enterHover = () => {
   this.setState({
     homeHover:true
   })
   console.log(this.state.homeHover);
 };

 leaveHover = () => {
   this.setState({
     homeHover:false
   })
   console.log(this.state.homeHover);
 };

  showAni = () => {
    const navBarStyle= {
      display: "flex",
      justifyContent: "center",
      color: colors.black,
      margin: "1em 0",
    };

    const homeAni = {
      display: "flex",
      justifyContent: "center",
      color:  colors.brightBlue,
      margin: "1em 0",
      transition: "color .5s",
    }

    if(this.state.homeHover == false)
    {
      return (
        <div onMouseEnter={this.enterHover}>  <Link to="/" style={navBarStyle}><FaHome></FaHome>
        </Link> </div>
      )
    }
    else {
      return(
        <div  onMouseLeave={this.leaveHover}>
           <Link to="/" style={homeAni}><FaHome></FaHome>
          </Link> </div>
      )
    }
  }

  render() {

    const headerStyle={
      fontSize: "1em",
      display: "flex",
      flexDirection: "column",
    }

        const headerShapeStyle= {
          border: "0 solid transparent",
          borderWidth:"100vh",
          borderTop: "15vh solid #9575CD",
          position: "fixed",
          zIndex: "1",
          maxHeight: "1vh",
          position: "absolute",
        }

        const headerTextBlockStyle= {
          position: "fixed",
          margin: "auto auto",
          padding: "1em 0 2em 1em",
          maxWidth: "28vw",
          zIndex: "2",
          }

          const navBarStyle= {
            display: "flex",
            justifyContent: "center",
            color: colors.black,
            margin: "1em 0",
            };

            const headerOneStyle={
              fontSize: "2vw",
              padding: "1vw 1vw 0 1vw",
              lineHeight: "1",
            }

            const linkTextStyle={
            textDecoration: "none",
            color: colors.white,
            }

    return (
      <div className="header">
      <Helmet title="a.chalker " meta={[ { name: 'description', content: 'Description of Home' }]}/>
        <div style={headerShapeStyle}>
        </div>
        <header style={headerStyle}>
            <div style={headerTextBlockStyle}>
              <h1 style={headerOneStyle}> <NAME> </h1>
              <nav>
                {this.showAni()}
              </nav>
              </div>

        </header>
      </div>
    );
  }
}

export default Header;
<commit_msg>reset to e2f6d25<commit_after>/**
*
* Header
*
*/

import React from 'react';
import Helmet from 'react-helmet';
import {Link} from 'react-router';
import Responsive from 'react-responsive';
import Paper from 'material-ui/Paper';
import {FaHome} from 'react-icons/lib/fa';

const colors= {
  white: "#FAFAFA",
  black: "#424242",
  accentPurple: "#9575CD",
  lightBlue: "#B3E5FC",
  brightBlue:"#00B0FF",
  lightGreen: "#C8E6C9",
  darkGreen: "#43A047",

}

class Header extends React.PureComponent {
  constructor(props) {
   super(props);
   this.state = {
     homeHover:false
   }
 }

 enterHover = () => {
   this.setState({
     homeHover:true
   })
   console.log(this.state.homeHover);
 };

 leaveHover = () => {
   this.setState({
     homeHover:false
   })
   console.log(this.state.homeHover);
 };

  showAni = () => {
    const navBarStyle= {
      display: "flex",
      justifyContent: "center",
      color: colors.black,
      margin: "1em 0",
    };

    const homeAni = {
      display: "flex",
      justifyContent: "center",
      color:  colors.brightBlue,
      margin: "1em 0",
      transition: "color .5s",
    }

    if(this.state.homeHover == false)
    {
      return (
        <div onMouseEnter={this.enterHover}>  <Link to="/" style={navBarStyle}><FaHome></FaHome>
        </Link> </div>
      )
    }
    else {
      return(
        <div  onMouseLeave={this.leaveHover}>
           <Link to="/" style={homeAni}><FaHome></FaHome>
          </Link> </div>
      )
    }
  }

  render() {

    const headerStyle={
      fontSize: "1em",
      display: "flex",
      flexDirection: "column",
    }

        const headerShapeStyle= {
          border: "0 solid transparent",
          borderWidth:"100vh",
          borderTop: "15vh solid #9575CD",
          position: "fixed",
          zIndex: "1",
          maxHeight: "1vh",

        }

        const headerTextBlockStyle= {
          position: "fixed",
          margin: "auto auto",
          padding: "1em 0 2em 1em",
          maxWidth: "28vw",
          zIndex: "2",
          }

          const navBarStyle= {
            display: "flex",
            justifyContent: "center",
            color: colors.black,
            margin: "1em 0",
            };

            const headerOneStyle={
              fontSize: "2vw",
              padding: "1vw 1vw 0 1vw",
              lineHeight: "1",
            }

            const linkTextStyle={
            textDecoration: "none",
            color: colors.white,
            }

    return (
      <div className="header">
      <Helmet title="a.chalker " meta={[ { name: 'description', content: 'Description of Home' }]}/>
        <div style={headerShapeStyle}>
        </div>
        <header style={headerStyle}>
            <div style={headerTextBlockStyle}>
              <h1 style={headerOneStyle}> <NAME> </h1>
              <nav>
                {this.showAni()}
              </nav>
              </div>

        </header>
      </div>
    );
  }
}

export default Header;

{'fraction_non_alphanumeric': 0.14597093791281374, 'fraction_numerical': 0.019815059445178335, 'mean_word_length': 1.843661971830986, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 61, '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': '751748', 'n_tokens_mistral': 2019, 'n_tokens_neox': 1924, 'n_words': 412}