{"version":3,"sources":["webpack:///./src/components/layout.js","webpack:///./src/components/header.js","webpack:///./src/components/footer.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/pages/blog.js"],"names":["Layout","props","className","layoutStyles","container","children","Header","navStyles","title","navItem","activeClassName","activeNavitem","to","Footer","href","loader","enqueue","React","createContext","m","module","exports","require","default","ProdPageRenderer","location","pageResources","createElement","InternalPageRenderer","json","BlogPage","dataArray","allMarkdownRemark","edges","map","edge","blogTitles","node","fields","slug","frontmatter","date"],"mappings":"2FAAA,kFAoBeA,IAdA,SAACC,GAEZ,OAEI,yBAAKC,UAAcC,IAAaC,WAC5B,kBAAC,IAAD,MACA,yBAAKF,UAAU,mBACTD,EAAMI,SACZ,kBAAC,IAAD,S,kCCdZ,0DAmBeC,IAfA,WACX,OACI,6BACI,yBAAKJ,UAAaK,IAAUC,OAA5B,gBACA,kBAAC,IAAD,CAAMN,UAAYK,IAAUE,QAASC,gBAAkBH,IAAUI,cAAeC,GAAI,KAApF,QAFJ,KAGI,kBAAC,IAAD,CAAMV,UAAYK,IAAUE,QAASC,gBAAkBH,IAAUI,cAAeC,GAAI,UAApF,UAHJ,KAII,kBAAC,IAAD,CAAMV,UAAYK,IAAUE,QAASC,gBAAkBH,IAAUI,cAAeC,GAAI,YAApF,YAJJ,KAQE,kBAAC,IAAD,CAAMV,UAAYK,IAAUE,QAASC,gBAAkBH,IAAUI,cAAeC,GAAI,SAApF,Y,oCCdV,yBAWeC,IATA,WAEX,OACC,gCACG,+BAAI,uBAAGC,KAAK,6CAAR,aAAJ,MAAwE,uBAAGA,KAAK,uCAAR,WAAxE,MAAoI,uBAAGA,KAAK,kCAAR,a,kCCN5I,sGAcyBC,QAAOC,QAELC,IAAMC,cAAc,K,wNChB/C,IAAsBC,EAKpBC,EAAOC,SALaF,EAKWG,EAAQ,UALRH,EAAEI,SAAYJ,G,wFCsBhCK,UAjBU,SAAC,GAAiC,IAA/BC,EAA8B,EAA9BA,SAAUC,EAAoB,EAApBA,cACpC,OAAKA,EAGET,IAAMU,cAAcC,IAApB,eACLH,WACAC,iBACGA,EAAcG,OALV,O,2HCqCIC,UAvCE,WACb,IAaMC,EAbI,OAaaC,kBAAkBC,MAGzC,OACI,kBAAC,IAAD,KACI,mDACA,yBAAK/B,UAAW,eAChB,2NAEA,4BACK6B,EAAUG,KAAI,SAAEC,GACb,OACI,6BACE,kBAAC,IAAD,CAAOjC,UAAYC,IAAaiC,WAAYxB,GAAE,SAAauB,EAAKE,KAAKC,OAAOC,MAC1E,4BAAMJ,EAAKE,KAAKG,YAAYhC,OAC5B,2BAAK2B,EAAKE,KAAKG,YAAYC","file":"component---src-pages-blog-js-f0657d23b4fb853cade5.js","sourcesContent":["import React from \"react\"\nimport Header from \"./header\"\nimport Footer from \"./footer\"\nimport \"../styles/main.scss\"\nimport layoutStyles from \"./layout.module.scss\"\n\nconst Layout = (props) => {\n\n    return(\n        \n        <div className = { layoutStyles.container }>\n            <Header />\n            <div className=\"spaceContainer\"></div>\n                { props.children } \n            <Footer />\n        </div>\n    \n    )\n}\n\nexport default Layout","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport navStyles from \"./nav.module.scss\"\n\nconst Header = () => {\n    return (       \n        <nav>\n            <div className = {navStyles.title}>Mark Webster</div>\n            <Link className ={navStyles.navItem} activeClassName={ navStyles.activeNavitem} to =\"/\">Home</Link> |\n            <Link className ={navStyles.navItem} activeClassName={ navStyles.activeNavitem} to =\"/about\"> About</Link> |\n            <Link className ={navStyles.navItem} activeClassName={ navStyles.activeNavitem} to =\"/process\"> Process</Link> |\n            {/*|\n            <Link className ={navStyles.navItem} activeClassName={ navStyles.activeNavitem} to =\"/gallery\"> Images</Link> */}\n           \n          <Link className ={navStyles.navItem} activeClassName={ navStyles.activeNavitem} to =\"/blog\"> Blog</Link> \n        </nav>\n    )\n}\n\nexport default Header\n\n","import React from \"react\"\n\nconst Footer = () => {\n\n    return (\n     <footer>\n        <p> <a href=\"https://bitbucket.org/mwebster_/index/src\">BitBucket</a> | <a href=\"https://twitter.com/motiondesign_01\">Twitter</a> | <a href=\"mailto:mark.webster@wanadoo.fr\">Email</a></p>\n    </footer>\n    )\n}\n\nexport default Footer\n\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  withAssetPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n  parsePath,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\nimport loader from \"./loader\"\n\nconst prefetchPathname = loader.enqueue\n\nconst StaticQueryContext = React.createContext({})\n\nfunction StaticQueryDataRenderer({ staticQueryData, data, query, render }) {\n  const finalData = data\n    ? data.data\n    : staticQueryData[query] && staticQueryData[query].data\n\n  return (\n    <React.Fragment>\n      {finalData && render(finalData)}\n      {!finalData && <div>Loading (StaticQuery)</div>}\n    </React.Fragment>\n  )\n}\n\nconst StaticQuery = props => {\n  const { data, query, render, children } = props\n\n  return (\n    <StaticQueryContext.Consumer>\n      {staticQueryData => (\n        <StaticQueryDataRenderer\n          data={data}\n          query={query}\n          render={render || children}\n          staticQueryData={staticQueryData}\n        />\n      )}\n    </StaticQueryContext.Consumer>\n  )\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  withAssetPrefix,\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  prefetchPathname,\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\"\n\nconst ProdPageRenderer = ({ location, pageResources }) => {\n  if (!pageResources) {\n    return null\n  }\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 React from \"react\"\nimport Layout from \"../components/layout\"\nimport layoutStyles from \"../components/layout.module.scss\"\nimport { Link, graphql, useStaticQuery } from 'gatsby'\n\nconst BlogPage = () => {\n    const data = useStaticQuery(graphql `\n    query {\n        allMarkdownRemark {\n          edges {\n            node{\n              frontmatter{title date}\n              fields{ slug }\n            }\n          }\n        }\n      }\n    `)\n    //console.log(data)\n    const dataArray = data.allMarkdownRemark.edges\n    //console.log(dataArray)\n\n    return (\n        <Layout>\n            <h2>Welcome to my blog.</h2>\n            <div className =\"text-grid-1\">\n            <p> You will find writing on a variety of topics that revolve around code, art and graphic design. If you would like me to write about something for you, please don't hesitate to contact me.</p>\n            </div>\n            <ol>\n                {dataArray.map(( edge ) => {\n                    return(\n                        <div>\n                          <Link  className ={layoutStyles.blogTitles} to = {`/blog/${edge.node.fields.slug}`}>\n                            <h3>{ edge.node.frontmatter.title }</h3>\n                            <p>{ edge.node.frontmatter.date }</p>\n                            </Link>\n                        </div>\n                    )\n                })}\n            </ol>\n        </Layout>\n    )\n}\n\nexport default BlogPage"],"sourceRoot":""}