{"size": 712, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "clevinson/gelenitic", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "clevinson/gelenitic", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "clevinson/gelenitic", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.2564102564, "max_line_length": 87, "alphanum_fraction": 0.6081460674}
import React from "react"
import {Link} from "../components/link"
import styled from "styled-components"

const LogoImg = styled.img`
  width: 320px;
  position: fixed;
  top: calc(50% - 110px);
  left: calc(50% - 160px);
  transition: opacity 5s;

  opacity: ${props => props.visible ? 1 : 0};
`

class Splash extends React.Component {

  constructor(props) {
    super(props)
    this.state = { showLogo: false }
  }

  componentDidMount() {
    setTimeout(() => {
      this.setState({ showLogo: true })
    }, 500)
  }

  render() {
    return (
      <Link to="/home">
        <LogoImg visible={this.state.showLogo} src="/assets/WIP-logo.png" alt="W I P"/>
      </Link>
    )
  }

}

export default Splash
