1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[12],{1:function(n,e,t){t("74v/"),n.exports=t("nOHt")},"74v/":function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return t("cha2")}])},Ehpq:function(n,e,t){},cha2:function(n,e,t){"use strict";t.r(e);t("nKUr");var o=t("AeFk"),i=t("q1tI"),a=t.n(i),r=()=>i.createElement(o.a,{styles:'\n html {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n font-family: system-ui, sans-serif;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility; \n -moz-osx-font-smoothing: grayscale; \n touch-action: manipulation; \n }\n\n body {\n position: relative;\n min-height: 100%;\n font-feature-settings: \'kern\';\n }\n\n *,\n *::before,\n *::after {\n border-width: 0;\n border-style: solid;\n box-sizing: border-box;\n }\n\n main {\n display: block;\n }\n\n hr {\n border-top-width: 1px;\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n\n pre,\n code,\n kbd,\n samp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n font-size: 1em;\n }\n\n a {\n background-color: transparent;\n color: inherit;\n text-decoration: inherit;\n }\n\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n b,\n strong {\n font-weight: bold;\n }\n\n small {\n font-size: 80%;\n }\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n img {\n border-style: none;\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n\n button,\n input {\n overflow: visible;\n }\n\n button,\n select {\n text-transform: none;\n }\n\n button::-moz-focus-inner,\n [type="button"]::-moz-focus-inner,\n [type="reset"]::-moz-focus-inner,\n [type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n textarea {\n overflow: auto;\n }\n\n [type="checkbox"],\n [type="radio"] {\n box-sizing: border-box;\n padding: 0;\n }\n\n [type="number"]::-webkit-inner-spin-button,\n [type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none !important;\n }\n\n input[type="number"] {\n -moz-appearance: textfield;\n }\n\n [type="search"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n\n [type="search"]::-webkit-search-decoration {\n -webkit-appearance: none !important;\n }\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n\n details {\n display: block;\n }\n\n summary {\n display: list-item;\n }\n\n template {\n display: none;\n }\n\n [hidden] {\n display: none !important;\n }\n\n body,\n blockquote,\n dl,\n dd,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr,\n figure,\n p,\n pre {\n margin: 0;\n }\n\n button {\n background: transparent;\n padding: 0;\n }\n\n fieldset {\n margin: 0;\n padding: 0;\n }\n\n ol,\n ul {\n margin: 0;\n padding: 0;\n }\n\n textarea {\n resize: vertical;\n }\n\n button,\n [role="button"] {\n cursor: pointer;\n }\n\n button::-moz-focus-inner {\n border: 0 !important;\n }\n\n table {\n border-collapse: collapse;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n }\n\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n\n [data-js-focus-visible] :focus:not([data-focus-visible-added]) {\n outline: none;\n box-shadow: none;\n }\n\n select::-ms-expand {\n display: none;\n }\n '}),l=r,c=t("JX03"),s=t("pr4h");function b(){var n,e,t=i.useRef(!1),[o,a]=i.useState(0);return n=()=>{t.current=!0},void 0===e&&(e=[]),i.useEffect((()=>()=>n()),e),i.useCallback((()=>{t.current||a(o+1)}),[o])}var d=t("zlS4"),[p,u]=Object(c.a)({strict:!1,name:"PortalManagerContext"}),m=n=>{var{children:e,zIndex:t}=n,o=i.useRef(null),a=b();Object(d.a)((()=>{a()}),[]);
1var r=u(),l={node:(null==r?void 0:r.node)||o.current,zIndex:t};return i.createElement(p,{value:l},e,i.createElement("div",{className:"chakra-portal-manager",ref:o}))};s.a&&(m.displayName="PortalManager");var f=t("cSFU"),h=t("+p43"),g=t("5+Am"),x=t("/2u0"),w=n=>{var{children:e,colorModeManager:t,portalZIndex:o,resetCSS:a=!0,theme:r=x.a}=n;return i.createElement(f.c,{theme:r},i.createElement(h.a,{colorModeManager:t,options:r.config},a&&i.createElement(l,null),i.createElement(g.a,null),o?i.createElement(m,{zIndex:o},e):e))},y=t("v7Hm"),j=t("g4pe"),v=t.n(j),O=t("MAJE"),k=t("YFqc"),z=t.n(k),E=t("zHD3"),_=function(n){return Object(o.b)(z.a,{href:n.href,passHref:!0},Object(o.b)(E.a,{color:"blue.200",fontWeight:"300",fontFamily:"Lato, sans-serif",marginLeft:["1em","1em","1em","1em"],lineHeight:"2em",textDecoration:"none",_hover:{textDecoration:"none",color:"blue.400"}},n.children))},D=(new Date).getFullYear(),C=function(){return Object(o.b)(y.a,{display:"flex",width:"100%",justifyContent:"center",marginTop:"4em"},Object(o.b)(y.a,{width:"100%",maxWidth:"800px",paddingTop:"16px",paddingBottom:"16px",display:"flex",justifyContent:"space-between"},Object(o.b)("div",null),Object(o.b)(y.a,{display:"flex",flexDirection:"row"},Object(o.b)(O.a,{color:"blue.200",fontWeight:"300",fontFamily:"Lato, sans-serif",marginLeft:"1em",lineHeight:"2em"},"\xa9 Kevin Peters ",D),Object(o.b)(_,{href:"/imprint"},"Imprint"))))},L=function(){return Object(o.b)(y.a,{flex:"1",width:"100%",display:"flex",justifyContent:"center"},Object(o.b)(y.a,{maxWidth:"800px",width:"100%",paddingTop:"16px",paddingBottom:"16px",display:"flex",justifyContent:"space-between",flexDirection:["column","column","row","row"]},Object(o.b)(y.a,{textAlign:["center","center","left","left"]},Object(o.b)(z.a,{href:"/",passHref:!0},Object(o.b)(E.a,{margin:"0",padding:"0",color:"blue.300",textTransform:"uppercase",fontFamily:"Lato, sans-serif",fontWeight:"300",fontSize:"24px",textDecoration:"none",_hover:{textDecoration:"none"}},"Web Dev Stories"))),Object(o.b)(y.a,{width:["100%","100%","auto","auto"],display:"flex",justifyContent:"center"},Object(o.b)(_,{href:"/about"},"About"),Object(o.b)(_,{href:"/articles"},"Articles"),Object(o.b)(_,{href:"/projects"},"Projects"),Object(o.b)(_,{href:"/bookmarks"},"Bookmarks"),Object(o.b)(_,{href:"/contact"},"Contact"))))},M=t("IpnI"),F=t.n(M);t("Ehpq"),e.default=function(n){var e=n.Component,t=n.pageProps;return Object(o.b)(a.a.Fragment,null,Object(o.b)(v.a,null,Object(o.b)("meta",{httpEquiv:"x-ua-compatible",content:"ie=edge"}),Object(o.b)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1"}),Object(o.b)("meta",{name:"theme-color",content:"#4096c4"}),Object(o.b)("link",{rel:"shortcut icon",type:"image/png",href:"/logos/logo-192x192.png"}),Object(o.b)("meta",{name:"description",content:F.a.siteDescription}),Object(o.b)("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),Object(o.b)("link",{href:"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300;1,400&display=swap",rel:"stylesheet"}),Object(o.b)(a.a.Fragment,null,Object(o.b)("script",{async:!0,src:"https://www.googletagmanager.com/gtag/js?id=UA-104059616-1"}),Object(o.b)("script",{dangerouslySetInnerHTML:{__html:'\n window.dataLayer = window.dataLayer || [];\n function gtag(){window.dataLayer.push(arguments)}\n gtag("js", new Date());\n gtag("config", "UA-104059616-1");\n '}}))),Object(o.b)(w,{theme:x.b},Object(o.b)(r,null),Object(o.b)(y.a,{display:"flex",minHeight:"100vh",flexDirection:"column"},Object(o.b)(y.a,{as:"main",flex:1,id:"page-wrap"},Object(o.b)(L,null),Object(o.b)(e,t)),Object(o.b)(C,null))))}}},[[1,0,1,2,4,5,6]]]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.