{"version":3,"file":"component---src-pages-404-tsx-5590fb4c21f5a5fa7f74.js","mappings":"yIAWA,IARkBA,IAAkC,IAAjC,SAAEC,KAAaC,GAAY,EAC5C,OACEC,EAAAA,cAACC,EAAAA,GAAS,CAACC,MAAO,CAAEC,MAAM,IACxBH,EAAAA,cAACI,EAAAA,GAAgBL,EAAaD,GACpB,C,qECLT,SAASO,IACd,MAAMC,EACJ,8DACF,OACEN,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAAA,OAAAA,CAAMO,KAAK,sBAAsBC,QAASF,IAC1CN,EAAAA,cAAAA,OAAAA,CACEO,KAAK,gBACLC,QAAQ,0CAEVR,EAAAA,cAAAA,OAAAA,CAAMO,KAAK,kBAAkBC,QAAQ,kBACrCR,EAAAA,cAAAA,OAAAA,CAAMO,KAAK,eAAeC,QAAQ,YAClCR,EAAAA,cAAAA,OAAAA,CAAMO,KAAK,cAAcC,QAASF,IAClCN,EAAAA,cAAAA,QAAAA,KAAAA,yCAGN,C,+GCQA,UApBqB,IAEjBA,EAAAA,cAAAA,OAAAA,KACEA,EAAAA,cAACS,EAAAA,GAAO,KACNT,EAAAA,cAACU,EAAAA,GAAW,kBACZV,EAAAA,cAACC,EAAAA,GAAS,aACF,IACND,EAAAA,cAAAA,OAAAA,CAAMW,KAAK,MAAM,aAAW,iBAAe,MAEnC,IAAG,+CAGbX,EAAAA,cAACY,EAAAA,EAAS,CAACC,KAAK,IAAI,aAAW,4BAA0B,S,sKChBjE,EAAeC,EAAAA,QAAAA,EAAAA,WAAQ,sDAAvB,CAAuB,oQCCvB,EAAeA,EAAAA,QAAAA,IAAAA,WAAU,qDAAzB,CAAyB,8RAUXC,GAAWA,EAAMb,MAAMC,KAAO,IAAM,WAE1CC,EAOWA,GCpBnB,EAAeU,EAAAA,QAAAA,IAAAA,WAAU,uDAAzB,CAAyB,mICAzB,EAAeA,EAAAA,QAAAA,IAAAA,WAAU,mDAAzB,CAAyB,wECAzB,EAAeA,EAAAA,QAAAA,IAAAA,WAAU,kDAAzB,CAAyB,mH","sources":["webpack://submelon.dev/./src/components/BlockLink.tsx","webpack://submelon.dev/./src/components/SEO.tsx","webpack://submelon.dev/./src/pages/404.tsx","webpack://submelon.dev/./src/styles/BlockAnchor.ts","webpack://submelon.dev/./src/styles/BlockBody.ts","webpack://submelon.dev/./src/styles/BlockHeader.ts","webpack://submelon.dev/./src/styles/Content.ts","webpack://submelon.dev/./src/styles/Footer.ts"],"sourcesContent":["import React from \"react\";\nimport { BlockAnchor, BlockBody } from \"../styles\";\n\nconst BlockLink = ({ children, ...attributes }) => {\n  return (\n    <BlockBody theme={{ link: true }}>\n      <BlockAnchor {...attributes}>{children}</BlockAnchor>\n    </BlockBody>\n  );\n};\n\nexport default BlockLink;\n","import React from \"react\";\n\nexport function Head(): React.ReactElement {\n  const metaDescription =\n    \"The official website of Kevin Hoerr, developer of websites.\";\n  return (\n    <>\n      <meta name=\"twitter:description\" content={metaDescription} />\n      <meta\n        name=\"twitter:title\"\n        content=\"Kevin J Hoerr &lt;kjhoerr@submelon.tech&gt;\"\n      />\n      <meta name=\"twitter:creator\" content=\"Kevin J Hoerr\" />\n      <meta name=\"twitter:card\" content=\"summary\" />\n      <meta name=\"description\" content={metaDescription} />\n      <title>Kevin J Hoerr &lt;kjhoerr@submelon.tech&gt;</title>\n    </>\n  );\n}\n","import * as React from \"react\";\nimport BlockLink from \"../components/BlockLink\";\nimport { BlockBody, BlockHeader, Content } from \"../styles\";\nimport \"../styles/main.css\";\n\n// markup\nconst NotFoundPage = (): React.ReactElement => {\n  return (\n    <main>\n      <Content>\n        <BlockHeader>Not found</BlockHeader>\n        <BlockBody>\n          Sorry{\" \"}\n          <span role=\"img\" aria-label=\"Pensive emoji\">\n            😔\n          </span>{\" \"}\n          we couldn&apos;t find what you were looking for.\n        </BlockBody>\n        <BlockLink href=\"/\" aria-label=\"Return to the front page\">\n          Home\n        </BlockLink>\n      </Content>\n    </main>\n  );\n};\n\nexport default NotFoundPage;\nexport { Head } from \"../components/SEO\";\n","import styled from \"styled-components\";\n\nexport default styled.a`\n  padding: 8px;\n  width: 328px;\n  display: block;\n  text-align: center;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #666;\n  &:visited,\n  &:active {\n    padding: 8px;\n    width: 328px;\n    display: block;\n    text-align: center;\n    -webkit-text-decoration: none;\n    text-decoration: none;\n    color: #666;\n  }\n`;\n","import styled from \"styled-components\";\nimport BlockAnchor from \"./BlockAnchor\";\n\nexport default styled.div`\n  & + & {\n    margin-top: 3px;\n  }\n\n  background-color: #fff;\n  border: 1px #000 solid;\n  border-left: 3px #000 solid;\n  border-right: 3px #000 solid;\n\n  padding: ${(props) => (props.theme.link ? \"0\" : \"4px 8px\")};\n\n  & > ${BlockAnchor} {\n    &:hover {\n      background-color: #ddd;\n      color: #222;\n    }\n  }\n  &:last-child,\n  &:last-child > ${BlockAnchor} {\n    border-bottom-left-radius: 18px;\n    border-bottom-right-radius: 18px;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport default styled.div`\n  background-color: #000;\n  width: 100%;\n  text-align: center;\n  color: #fff;\n  font-size: 36px;\n  font-weight: bold;\n  margin-top: 3px;\n  padding-top: 4px;\n`;\n","import styled from \"styled-components\";\n\nexport default styled.div`\n  width: 350px;\n  margin: 0px auto;\n  margin-bottom: 120px;\n  padding-top: 136px;\n`;\n","import styled from \"styled-components\";\n\nexport default styled.div`\n  width: 100%;\n  position: fixed;\n  left: 0px;\n  bottom: 0px;\n  text-align: center;\n  font-size: 12px;\n  span {\n    background-color: #e1e1e1;\n  }\n`;\n"],"names":["_ref","children","attributes","React","BlockBody","theme","link","BlockAnchor","Head","metaDescription","name","content","Content","BlockHeader","role","BlockLink","href","styled","props"],"sourceRoot":""}