component---src-pages-404-jsx-b12febd20bded2bbbef2.js.map

{"version":3,"sources":["webpack:///./src/pages/404.jsx","webpack:///./src/utils/changeColor.js","webpack:///./src/theme/variables.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./src/utils/media.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/theme/reset.js","webpack:///./src/theme/typography.js","webpack:///./src/theme/prism.js","webpack:///./src/theme/background.js","webpack:///./src/theme/global.js","webpack:///./src/theme/containers/BodyContainer.js","webpack:///./src/components/Line.js","webpack:///./src/theme/containers/NavContainer.js","webpack:///./src/components/Nav.jsx","webpack:///./src/theme/containers/FooterContainer.js","webpack:///./src/components/Footer.jsx","webpack:///./src/components/Layout.jsx","webpack:///./src/components/SEO.jsx","webpack:///./src/theme/containers/HeaderContainer.js","webpack:///./src/components/Header.jsx"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","components_Header__WEBPACK_IMPORTED_MODULE_1__","components_Layout__WEBPACK_IMPORTED_MODULE_2__","components_SEO__WEBPACK_IMPORTED_MODULE_3__","a","createElement","title","subtitle","changeColor","color","num","slice","lastIndexOf","parseFloat","d","Colors","Fonts","h","p","border","code","background","linkHover","link","subNav","basic","graphql","StaticQueryContext","StaticQuery","useStaticQuery","prop_types__WEBPACK_IMPORTED_MODULE_1__","prop_types__WEBPACK_IMPORTED_MODULE_1___default","gatsby_link__WEBPACK_IMPORTED_MODULE_2__","gatsby_link__WEBPACK_IMPORTED_MODULE_2___default","_public_page_renderer__WEBPACK_IMPORTED_MODULE_3__","_public_page_renderer__WEBPACK_IMPORTED_MODULE_3___default","_parse_path__WEBPACK_IMPORTED_MODULE_4__","React","createContext","props","Consumer","staticQueryData","data","query","render","children","useContext","context","Error","propTypes","PropTypes","object","string","isRequired","func","sizes","monitor","desktop","tablet","phone","tiny","none","Object","keys","reduce","acc","label","css","apply","arguments","m","module","exports","require","default","ProdPageRenderer","_ref","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","assign","json","shape","theme_reset","typography","prism","createGlobalStyle","_templateObject","resets","styled","div","withConfig","displayName","componentId","media","BodyContainer_templateObject","Wrapper","Line","react_default","Component","activeClassName","PATHS","Li","locationSlug","gatsby_browser_entry","to","length","split","defaultProps","Nav","NavContainer","map","path","Nav_Li","key","footer","FooterContainer_templateObject","Footer","FooterContainer","entries","site","siteMetadata","name","rel","target","href","_4011262072","Fragment","global","Line_Line","BodyContainer","SEO","description","lang","meta","keywords","react__WEBPACK_IMPORTED_MODULE_1___default","gatsby__WEBPACK_IMPORTED_MODULE_4__","metaDescription","react_helmet__WEBPACK_IMPORTED_MODULE_3___default","htmlAttributes","titleTemplate","content","property","author","concat","join","_public_static_d_1667383364_json__WEBPACK_IMPORTED_MODULE_0__","arrayOf","header","Header","HeaderContainer"],"mappings":"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","file":"component---src-pages-404-jsx-b12febd20bded2bbbef2.js","sourcesContent":["import React from 'react';\nimport Header from 'components/Header';\nimport Layout from 'components/Layout';\nimport SEO from 'components/SEO';\n\nexport default () => (\n  <Layout>\n    <SEO title=\"404: Not Found\" />\n    <Header title=\"Page not found\" subtitle=\"Try to be smarter next time\" />\n  </Layout>\n);\n","export default (color, num) =>\n  `${color.slice(0, color.lastIndexOf(','))}, ${parseFloat(\n    color.slice(color.lastIndexOf(',') + 1, color.lastIndexOf(')'))\n  ) * num})`;\n","import changeColor from 'utils/changeColor';\n\nconst h = 'hsla(0, 0%, 0%, 1)';\nconst background = 'hsla(0, 0%, 100%, 1)';\nconst linkHover = 'hsla(192, 100%, 50%, 1)';\n\nexport const Colors = {\n  h,\n  p: changeColor(h, 0.8),\n  border: changeColor(h, 0.15),\n  code: changeColor(h, 0.1),\n  background,\n  linkHover,\n  link: changeColor(h, 0.35),\n  subNav: changeColor(h, 0.2),\n};\n\nexport const Fonts = {\n  basic:\n    '-apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif, Georgia, serif, sans-serif',\n  code: \"'Source Code Pro', monospace\",\n};\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\nimport parsePath from \"./parse-path\"\n\nconst StaticQueryContext = React.createContext({})\n\nconst StaticQuery = props => (\n  <StaticQueryContext.Consumer>\n    {staticQueryData => {\n      if (\n        props.data ||\n        (staticQueryData[props.query] && staticQueryData[props.query].data)\n      ) {\n        return (props.render || props.children)(\n          props.data ? props.data.data : staticQueryData[props.query].data\n        )\n      } else {\n        return <div>Loading (StaticQuery)</div>\n      }\n    }}\n  </StaticQueryContext.Consumer>\n)\n\nconst useStaticQuery = query => {\n  if (\n    typeof React.useContext !== `function` &&\n    process.env.NODE_ENV === `development`\n  ) {\n    throw new Error(\n      `You're likely using a version of React that doesn't support Hooks\\n` +\n        `Please update React and ReactDOM to 16.8.0 or later to use the useStaticQuery hook.`\n    )\n  }\n  const context = React.useContext(StaticQueryContext)\n  if (context[query] && context[query].data) {\n    return context[query].data\n  } else {\n    throw new Error(\n      `The result of this StaticQuery could not be fetched.\\n\\n` +\n        `This is likely a bug in Gatsby and if refreshing the page does not fix it, ` +\n        `please open an issue in https://github.com/gatsbyjs/gatsby/issues`\n    )\n  }\n}\n\nStaticQuery.propTypes = {\n  data: PropTypes.object,\n  query: PropTypes.string.isRequired,\n  render: PropTypes.func,\n  children: PropTypes.func,\n}\n\nfunction graphql() {\n  throw new Error(\n    `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n      `are supposed to only be evaluated at compile time, and then compiled away,. ` +\n      `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n.` +\n      `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n  )\n}\n\nexport {\n  Link,\n  withPrefix,\n  graphql,\n  parsePath,\n  navigate,\n  push, // TODO replace for v3\n  replace, // TODO remove replace for v3\n  navigateTo, // TODO: remove navigateTo for v3\n  StaticQueryContext,\n  StaticQuery,\n  PageRenderer,\n  useStaticQuery,\n}\n","import { css } from 'styled-components';\n\nconst sizes = {\n  monitor: 1600,\n  desktop: 992,\n  tablet: 700,\n  phone: 425,\n  tiny: 340,\n  none: 320,\n};\n\n// Iterate through the sizes and create a media template\nexport default Object.keys(sizes).reduce((acc, label) => {\n  acc[label] = (...args) => css`\n    @media (max-width: ${sizes[label]}px) {\n      ${css(...args)};\n    }\n  `;\n  return acc;\n}, {});\n","const preferDefault = m => (m && m.default) || m\n\nif (process.env.BUILD_STAGE === `develop`) {\n  module.exports = preferDefault(require(`./public-page-renderer-dev`))\n} else if (process.env.BUILD_STAGE === `build-javascript`) {\n  module.exports = preferDefault(require(`./public-page-renderer-prod`))\n} else {\n  module.exports = () => null\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\nimport loader from \"./loader\"\n\nconst ProdPageRenderer = ({ location }) => {\n  const pageResources = loader.getResourcesForPathnameSync(location.pathname)\n  return React.createElement(InternalPageRenderer, {\n    location,\n    pageResources,\n    ...pageResources.json,\n  })\n}\n\nProdPageRenderer.propTypes = {\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nexport default ProdPageRenderer\n","import { Colors, Fonts } from 'theme/variables';\n\nexport default `\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  html {\n    font-family: ${Fonts.basic};\n    font-size: 100%;\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    image-rendering: optimizequality;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  body {\n    transition: all .2s ease;\n  }\n\n  nav,\n  header,\n  footer,\n  section {\n    display: block;\n  }\n\n  del {\n    text-decoration: line-through;\n  }\n\n  button,\n  input,\n  select[multiple],\n  textarea {\n    background-image: none;\n  }\n\n  img {\n    border: 0;\n  }\n\n  button {\n    appearance: none;\n    cursor: pointer;\n    background: none;\n    border: none;\n    outline: none;\n    margin-top: .5em;\n  }\n\n  header {\n    clear: both;\n  }\n\n  a {\n    text-decoration: none;\n    color: ${Colors.h};\n  }\n\n  .gatsby-resp-image-link,\n  img {\n    width: 100%;\n  }\n\n  .gatsby-resp-image-wrapper {\n    z-index: 10;\n    margin: 0!important;\n  }\n\n  input {\n    background: ${Colors.background};\n    font-size: 3em;\n    display: block;\n    width: 50%;\n    border: none;\n    border-bottom: 2px solid ${Colors.background}\n  }\n\n  input:focus,\n  select:focus,\n  textarea:focus,\n  button:focus {\n    outline: none;\n    background: ${Colors.background};\n    font-size: 3em;\n    display: block;\n    width: 50%;\n    border: none;\n    border-bottom: 2px solid ${Colors.background}\n  }\n\n  hr {\n    border: none;\n    display: block;\n    margin: 2em 0 1em;\n    font-size: .9rem;\n    :before {\n      display: block;\n      content: '';\n      width: 3px;\n      height: 3px;\n      margin: 2em 2em 2em;\n      border-radius: 50%;\n      background: black;\n      box-shadow: calc(3px*8) 0 0 0 black, calc(3px*-8) 0 0 0 black;\n    }\n  }\n`;\n","import { Colors } from './variables';\n\nexport default `\n  html,\n  body {\n    font-size: 17px;\n    @media screen and (max-width: 700px) {\n      font-size: 15px;\n    }\n    @media screen and (min-width: 1600px) {\n      font-size: 19px;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4 {\n    color: ${Colors.h};\n    line-height: 1.25;\n    font-weight: 600;\n    text-rendering: optimizeLegibility;\n    margin-top: 2.8em;\n    margin-bottom: 1.2em;\n    @media screen and (max-width: 700px) {\n      // text-align: center;\n    }\n  }\n\n  h4 {\n    margin-top: 2.2em;\n    font-size: .966em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 0.72em;\n  }\n\n  p,\n  .message {\n    color: ${Colors.p};\n    margin: 0 auto 1.2em;\n    line-height: 1.5;\n    letter-spacing: normal;\n  }\n\n  .gatsby-resp-image-link,\n  img,\n  video,\n  iframe,\n  figure {\n    display: block;\n    margin: 1.1em 0;\n  }\n\n  table {\n    margin-top: 2.8em;\n    color: ${Colors.h};\n    margin-bottom: 2.2em;\n    max-width: 100%;\n  }\n\n  th, td {\n    text-align: left;\n    padding-bottom: 1em;\n    padding-right: 1em;\n  }\n\n`;\n","import { Colors } from 'theme/variables';\n\nexport default `\n  /*\n  @author Song Wang\n  */\n\n  .token.comment,\n  .token.block-comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    // color: #7D8B99;\n  }\n\n  .token.punctuation {\n    // color: #5F6364;\n  }\n\n  .token.property,\n  .token.tag,\n  .token.boolean,\n  .token.number,\n  .token.function-name,\n  .token.constant,\n  .token.symbol,\n  .token.deleted {\n    // color: #c92c2c;\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.function,\n  .token.builtin,\n  .token.inserted {\n    // color: #2f9c0a;\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    // color: ${Colors.h};\n  }\n\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword,\n  .token.class-name {\n    color: ${Colors.p};\n    font-weight: 600;\n  }\n\n  .token.regex,\n  .token.important {\n    // color: #e90;\n  }\n\n  .language-css .token.string,\n  .style .token.string {\n    // color: #a67f59;\n  }\n\n  .token.important {\n    font-weight: normal;\n  }\n\n  .token.bold {\n    font-weight: bold;\n  }\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n\n  .namespace {\n    opacity: .7;\n  }\n\n  /* Plugin styles */\n  .token.tab:not(:empty):before,\n  .token.cr:before,\n  .token.lf:before {\n    // color: #e0d7d1;\n  }\n\n  /* Plugin styles: Line Numbers */\n  pre[class*=\"language-\"].line-numbers {\n    padding-left: 0;\n  }\n\n  pre[class*=\"language-\"].line-numbers code {\n    padding-left: 3.8em;\n  }\n\n  pre[class*=\"language-\"].line-numbers .line-numbers-rows {\n    left: 0;\n  }\n\n  /* Plugin styles: Line Highlight */\n  pre[class*=\"language-\"][data-line] {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-left: 0;\n  }\n  pre[data-line] code {\n    position: relative;\n    padding-left: 4em;\n  }\n  pre .line-highlight {\n    margin-top: 0;\n  }\n`;\n","import { Colors } from 'theme/variables';\n\nexport default `\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  z-index: -1000;\n  background-color: ${Colors.background};\n`;\n","import { createGlobalStyle } from 'styled-components';\nimport resets from 'theme/reset';\nimport typography from 'theme/typography';\nimport prism from 'theme/prism';\nimport background from 'theme/background';\n\nexport default createGlobalStyle`\n  ${resets}\n  ${typography}\n  ${prism}\n  ${background}\n`;\n","import styled from 'styled-components';\nimport media from 'utils/media';\n\nexport default styled.div`\n  width: 650px;\n  height: 100%;\n  margin: 0 auto;\n  ${media.tablet`\n    width: 88%;\n  `} @media screen and (min-width: 1600px) {\n    width: 900px;\n  }\n`;\n","import React, { Component } from 'react';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n  background: #289eda;\n  height: 2px;\n`;\n\nexport default class Line extends Component {\n  render() {\n    return <Wrapper />;\n  }\n}\n","import styled from 'styled-components';\nimport { Colors } from 'theme/variables';\n\nexport default styled.div`\n  display: block;\n  font-size: 0.8em;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  ul {\n    overflow: auto;\n    li:first-child {\n      float: left;\n      padding-left: 0em;\n    }\n    li:nth-child(2) {\n      padding-right: 0em;\n    }\n    li {\n      float: right;\n      display: block;\n      vertical-align: middle;\n      line-height: 1;\n      list-style: none;\n      padding: 0.7em;\n      margin: 0em;\n\n      a {\n        text-transform: uppercase;\n        color: ${Colors.h};\n        text-decoration: none;\n        display: block;\n        // line-height: 1.9;\n        transition: opacity 0.5s ease-in;\n        :hover,\n        :active,\n        :focus {\n          filter: invert(40%);\n        }\n\n        &.${props => props.activeClassName} {\n        }\n        &.home {\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby';\nimport NavContainer from 'theme/containers/NavContainer';\n\nconst PATHS = ['/', '/search/', '/about/', '/blog/'];\nconst getLinkName = locationSlug => {\n  if (locationSlug.length === 1) {\n    return 'Devall';\n  }\n\n  return locationSlug.split('/')[1];\n};\n\nconst Li = ({ location }) => (\n  <li>\n    <Link to={location}>{getLinkName(location)}</Link>\n  </li>\n);\n\nLi.defaultProps = {\n  location: '',\n};\n\nLi.propTypes = {\n  location: PropTypes.string,\n};\n\nexport default () => (\n  <NavContainer>\n    <ul>\n      {PATHS.map(path => (\n        <Li key={path} location={path} />\n      ))}\n    </ul>\n  </NavContainer>\n);\n","import styled from 'styled-components';\nimport media from 'utils/media';\n\nexport default styled.footer`\n  font-size: .9em;\n  margin-top: 4em;\n  ul {\n    overflow: auto;\n    margin-bottom: 2em;\n    float: right;\n    ${media.tablet`\n      width: 100%;\n      text-align: center;\n    `} li {\n      display: inline-block;\n      padding: 1em;\n      a {\n        position: relative;\n\n      li::after {\n        content: ' \\\\ ';\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { StaticQuery, graphql } from 'gatsby';\nimport FooterContainer from 'theme/containers/FooterContainer';\n\nconst footerQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        github\n        linkedin\n      }\n    }\n  }\n`;\n\nexport default () => (\n  <StaticQuery\n    query={footerQuery}\n    render={data => (\n      <FooterContainer>\n        <ul>\n          {Object.entries(data.site.siteMetadata).map(([name, link]) => (\n            <li key={name}>\n              <a rel=\"noopener noreferrer\" target=\"__blank\" href={link}>\n                {name}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </FooterContainer>\n    )}\n  />\n);\n","import React from 'react';\nimport 'typeface-source-code-pro';\nimport GlobalStyle from 'theme/global';\nimport BodyContainer from 'theme/containers/BodyContainer';\nimport Line from 'components/Line';\nimport Nav from 'components/Nav';\nimport Footer from 'components/Footer';\n\nexport default ({ children }) => (\n  <>\n    <GlobalStyle />\n    <Line />\n    <BodyContainer>\n      <Nav />\n      {children}\n      <Footer />\n    </BodyContainer>\n  </>\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Helmet from 'react-helmet';\nimport { StaticQuery, graphql } from 'gatsby';\n\nconst detailsQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        description\n        author\n      }\n    }\n  }\n`;\n\nconst SEO = ({ description, lang, meta, keywords, title }) => (\n  <StaticQuery\n    query={detailsQuery}\n    render={data => {\n      const metaDescription = description || data.site.siteMetadata.description;\n      return (\n        <Helmet\n          htmlAttributes={{\n            lang,\n          }}\n          title={title}\n          titleTemplate={`%s | ${data.site.siteMetadata.title}`}\n          meta={[\n            {\n              name: 'description',\n              content: metaDescription,\n            },\n            {\n              property: 'og:title',\n              content: title,\n            },\n            {\n              property: 'og:description',\n              content: metaDescription,\n            },\n            {\n              property: 'og:type',\n              content: 'website',\n            },\n            {\n              name: 'twitter:card',\n              content: 'summary',\n            },\n            {\n              name: 'twitter:creator',\n              content: data.site.siteMetadata.author,\n            },\n            {\n              name: 'twitter:title',\n              content: title,\n            },\n            {\n              name: 'twitter:description',\n              content: metaDescription,\n            },\n          ]\n            .concat(\n              keywords.length > 0\n                ? {\n                    name: 'keywords',\n                    content: keywords.join(', '),\n                  }\n                : []\n            )\n            .concat(meta)}\n        />\n      );\n    }}\n  />\n);\n\nSEO.defaultProps = {\n  description: '',\n  lang: 'en',\n  meta: [],\n  keywords: [],\n};\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  keywords: PropTypes.arrayOf(PropTypes.string),\n  meta: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      content: PropTypes.string,\n    })\n  ),\n  title: PropTypes.string.isRequired,\n};\n\nexport default SEO;\n","import styled from 'styled-components';\nimport { Colors } from 'theme/variables';\n\nexport default styled.header`\n  max-width: 700px;\n  margin-top: 150px;\n  margin-bottom: 150px;\n  text-align: left;\n  @media screen and (min-width: 1600px) {\n    margin-top: 200px;\n    margin-bottom: 200px;\n  }\n  @media screen and (max-width: 700px) {\n    // text-align: center;\n  }\n  @media screen and (max-width: 440px) {\n    display: flex;\n    margin:0;\n    flex-direction: column;\n    justify-content: center;\n    min-height: 92vh;\n  }\n  div {\n    h1 {\n      letter-spacing: .01em;\n      font-size: 2.7em;\n      margin-top: 0em;\n      margin-bottom: 0;\n\n      @media screen and (max-width: 440px) {\n        font-size: 2em;\n      }\n      span {\n        opacity: .85;\n        font-size: 80%;\n      }\n    }\n    small {\n      display: block;\n      color: ${Colors.p}\n      margin-left: .3em;\n      margin-top: .5em;\n      }\n\n    p {\n      margin-top: 1em;\n      font-size: 1.4em;\n      color: ${Colors.h};\n      @media screen and (max-width: 540px) {\n        font-size: 1.3em;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport HeaderContainer from 'theme/containers/HeaderContainer';\n\nconst Header = ({ title, subtitle }) => (\n  <HeaderContainer>\n    <div>\n      <h1>{title}</h1>\n      <p>{subtitle}</p>\n    </div>\n  </HeaderContainer>\n);\n\nHeader.defaultProps = {\n  title: '',\n  subtitle: '',\n};\n\nHeader.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n};\n\nexport default Header;\n"],"sourceRoot":""}