1
|
{"version":3,"file":"component---src-pages-404-tsx-07822f155eff8d473b7a.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,CAAMS,SAAS,UAAUD,QAAQ,YACjCR,EAAAA,cAAAA,OAAAA,CAAMS,SAAS,iBAAiBD,QAASF,IACzCN,EAAAA,cAAAA,OAAAA,CACES,SAAS,WACTD,QAAQ,0CAEVR,EAAAA,cAAAA,OAAAA,CAAMO,KAAK,cAAcC,QAASF,IAClCN,EAAAA,cAAAA,QAAAA,KAAAA,yCAGN,C,+GCEA,UApBqB,IAEjBA,EAAAA,cAAAA,OAAAA,KACEA,EAAAA,cAACU,EAAAA,GAAO,KACNV,EAAAA,cAACW,EAAAA,GAAW,kBACZX,EAAAA,cAACC,EAAAA,GAAS,aACF,IACND,EAAAA,cAAAA,OAAAA,CAAMY,KAAK,MAAM,aAAW,iBAAe,MAEnC,IAAG,+CAGbZ,EAAAA,cAACa,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,EAAMd,MAAMC,KAAO,IAAM,WAE1CC,EAOWA,GCpBnB,EAAeW,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 <kjhoerr@submelon.tech>\"\n />\n <meta name=\"twitter:creator\" content=\"Kevin J Hoerr\" />\n <meta name=\"twitter:card\" content=\"summary\" />\n <meta property=\"og:type\" content=\"website\" />\n <meta property=\"og:description\" content={metaDescription} />\n <meta\n property=\"og:title\"\n content=\"Kevin J Hoerr <kjhoerr@submelon.tech>\"\n />\n <meta name=\"description\" content={metaDescription} />\n <title>Kevin J Hoerr <kjhoerr@submelon.tech></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'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","property","Content","BlockHeader","role","BlockLink","href","styled","props"],"sourceRoot":""}
|
