{"size": 957, "ext": "js", "max_stars_repo_path": "src/pages/404.js", "max_stars_repo_name": "nonopolarity/personal-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/404.js", "max_issues_repo_name": "nonopolarity/personal-site", "max_issues_repo_issues_event_min_datetime": "2020-02-04T03:42:18.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T23:25:16.000Z", "max_forks_repo_path": "src/pages/404.js", "max_forks_repo_name": "nonopolarity/personal-site", "max_forks_repo_forks_event_min_datetime": "2021-03-18T10:09:33.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-18T10:09:33.000Z"}
{"max_stars_count": null, "max_issues_count": 24, "max_forks_count": 1, "avg_line_length": 27.3428571429, "max_line_length": 79, "alphanum_fraction": 0.6509926855}
import React from 'react';

import Layout from '../components/layout';
import SEO from '../components/seo';

import style from '../styles/notFound.module.css';

const imgSource =
  'https://images.unsplash.com/photo-1498857127156-d2943a73f456' +
  '?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80';
const imgDownload =
  'https://unsplash.com/photos/Bs0zgYkYEZw/download?force=true';

const NotFoundPage = () => (
  <Layout>
    <SEO title="404: Not found" />
    <h1>NOT FOUND</h1>
    <a
      className={style.link}
      download="getLost.jpg"
      href={imgDownload}
      title="Lost"
    >
      <img src={imgSource} alt="404-not-found-get-lost" />
      <p className={style.creditTxt}>
        Photo Credit:
        <a href="https://unsplash.com/@natalie_rhea">Natalie Rhea Riggs</a>
      </p>
    </a>
    <h3>Oops, seems like you get lost in the middle of nowhere. :(</h3>
  </Layout>
);

export default NotFoundPage;
