<commit_before>import React, {Component} from 'react';

import LoadingContainer from '../containers/LoadingContainer';
import ResultsContainer from '../containers/ResultsContainer';
import ErrorMessageContainer from '../containers/ErrorMessageContainer';
import SearchButtonContainer from '../containers/SearchButtonContainer';
import TargetPageInputContainer from '../containers/TargetPageInputContainer';
import SourcePageInputContainer from '../containers/SourcePageInputContainer';

import logo from '../images/logo.png';
import logo2x from '../images/logo@2x.png';

import {P, Logo, IconLinks, Modal, InfoIcon, GitHubLogo, InputFlexContainer} from './Home.styles';

class Home extends Component {
  constructor() {
    super();

    this.state = {
      showModal: false,
    };

    this.handleOpenModal = this.handleOpenModal.bind(this);
    this.handleCloseModal = this.handleCloseModal.bind(this);
  }

  handleOpenModal() {
    this.setState({showModal: true});
  }

  handleCloseModal() {
    this.setState({showModal: false});
  }

  render() {
    return (
      <div>
        <Logo
          srcset={`${logo} 462w, ${logo2x} 924w`}
          sizes="(max-width: 600px) 280px, 800px"
          src={logo2x}
          alt="Six Degrees of Wikipedia Logo"
        />

        <IconLinks>
          <InfoIcon
            viewBox="0 0 256 256"
            role="img"
            aria-labelledby="info-icon-title"
            onClick={this.handleOpenModal}
          >
            <title id="info-icon-title">About Six Degrees of Wikipedia</title>
            <path d="m128 22.158a105.84 105.84 0 0 0 -105.84 105.84 105.84 105.84 0 0 0 105.84 105.84 105.84 105.84 0 0 0 105.84 -105.84 105.84 105.84 0 0 0 -105.84 -105.84zm0 32.76c5.16 0.117 9.55 1.875 13.18 5.273 3.34 3.575 5.07 7.94 5.19 13.096-0.12 5.156-1.85 9.404-5.19 12.744-3.63 3.75-8.02 5.625-13.18 5.625s-9.4-1.875-12.74-5.625c-3.75-3.34-5.63-7.588-5.63-12.744s1.88-9.521 5.63-13.096c3.34-3.398 7.58-5.156 12.74-5.273zm-16.35 53.792h32.79v92.37h-32.79v-92.37z" />
          </InfoIcon>

          <a href="https://github.com/jwngr/sdow" title="View on GitHub">
            <GitHubLogo viewBox="0 0 256 256">
              <g transform="matrix(2.112 0 0 -2.112 -612.16 1046.1)">
                <g transform="translate(350.61 493.55)"><commit_msg>Reset URL when main logo pressed<commit_after>import React, {Component} from 'react';
import {Link} from 'redux-little-router';

import LoadingContainer from '../containers/LoadingContainer';
import ResultsContainer from '../containers/ResultsContainer';
import ErrorMessageContainer from '../containers/ErrorMessageContainer';
import SearchButtonContainer from '../containers/SearchButtonContainer';
import TargetPageInputContainer from '../containers/TargetPageInputContainer';
import SourcePageInputContainer from '../containers/SourcePageInputContainer';

import logo from '../images/logo.png';
import logo2x from '../images/logo@2x.png';

import {P, Logo, IconLinks, Modal, InfoIcon, GitHubLogo, InputFlexContainer} from './Home.styles';

class Home extends Component {
  constructor() {
    super();

    this.state = {
      showModal: false,
    };

    this.handleOpenModal = this.handleOpenModal.bind(this);
    this.handleCloseModal = this.handleCloseModal.bind(this);
  }

  handleOpenModal() {
    this.setState({showModal: true});
  }

  handleCloseModal() {
    this.setState({showModal: false});
  }

  render() {
    return (
      <div>
        <Link href="/">
          <Logo
            srcset={`${logo} 462w, ${logo2x} 924w`}
            sizes="(max-width: 600px) 280px, 800px"
            src={logo2x}
            alt="Six Degrees of Wikipedia Logo"
          />
        </Link>

        <IconLinks>
          <InfoIcon
            viewBox="0 0 256 256"
            role="img"
            aria-labelledby="info-icon-title"
            onClick={this.handleOpenModal}
          >
            <title id="info-icon-title">About Six Degrees of Wikipedia</title>
            <path d="m128 22.158a105.84 105.84 0 0 0 -105.84 105.84 105.84 105.84 0 0 0 105.84 105.84 105.84 105.84 0 0 0 105.84 -105.84 105.84 105.84 0 0 0 -105.84 -105.84zm0 32.76c5.16 0.117 9.55 1.875 13.18 5.273 3.34 3.575 5.07 7.94 5.19 13.096-0.12 5.156-1.85 9.404-5.19 12.744-3.63 3.75-8.02 5.625-13.18 5.625s-9.4-1.875-12.74-5.625c-3.75-3.34-5.63-7.588-5.63-12.744s1.88-9.521 5.63-13.096c3.34-3.398 7.58-5.156 12.74-5.273zm-16.35 53.792h32.79v92.37h-32.79v-92.37z" />
          </InfoIcon>

          <a href="https://github.com/jwngr/sdow" title="View on GitHub">
            <GitHubLogo viewBox="0 0 256 256">
              <g transform="matrix(2.112 0 0 -2.112 -612.16 1046.1)">
                <g transform="translate(350.61 493.55)">
{'fraction_non_alphanumeric': 0.14861726831327846, 'fraction_numerical': 0.14903947646189572, 'mean_word_length': 2.5704596834966087, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, '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': '5913533', 'n_tokens_mistral': 2106, 'n_tokens_neox': 1613, 'n_words': 355}