component---src-templates-blog-js-b44cfb549e56b739f1d4.js.map

{"version":3,"sources":["webpack:///./src/templates/blog.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/components/social-media-link.js","webpack:///./src/components/footer.js","webpack:///./src/components/nav-link.js","webpack:///./src/components/header.js","webpack:///./src/components/layout.js"],"names":["__webpack_require__","r","__webpack_exports__","d","query","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_layout__WEBPACK_IMPORTED_MODULE_1__","Blog","props","a","createElement","data","markdownRemark","frontmatter","title","date","dangerouslySetInnerHTML","__html","html","StaticQuery","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","StaticQueryContext","React","createContext","Consumer","staticQueryData","render","children","propTypes","PropTypes","object","string","isRequired","func","m","module","exports","require","default","ProdPageRenderer","_ref","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","Object","assign","json","shape","linkStyles","color","display","margin","padding","textDecoration","textAlign","SocialMediaLink","href","react_default","style","target","rel","Footer","siteAuthor","background","marginTop","marginBottom","maxWidth","social_media_link","index_esm","size","Date","getFullYear","NavLink","to","gatsby_browser_entry","Header","siteTitle","dist_default","pinStart","webkitTransition","mozTransition","oTransition","transition","nav_link","defaultProps","Layout","react__WEBPACK_IMPORTED_MODULE_1___default","gatsby__WEBPACK_IMPORTED_MODULE_3__","Fragment","_header__WEBPACK_IMPORTED_MODULE_4__","site","siteMetadata","paddingTop","_footer__WEBPACK_IMPORTED_MODULE_5__","author","_public_static_d_4293929885_json__WEBPACK_IMPORTED_MODULE_0__","node"],"mappings":"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","file":"component---src-templates-blog-js-b44cfb549e56b739f1d4.js","sourcesContent":["import React from 'react'\r\nimport Layout from '../components/layout'\r\nimport { graphql } from 'gatsby';\r\n\r\nexport const query = graphql`\r\n  query($slug: String!) {\r\n    markdownRemark(fields: { slug: {eq: $slug } }) {\r\n      frontmatter {\r\n        title\r\n        date\r\n      }\r\n      html\r\n    }\r\n  }\r\n`\r\n\r\nconst Blog = (props) => {\r\n  return (\r\n    <Layout>\r\n      <h1>{props.data.markdownRemark.frontmatter.title}</h1>\r\n      <p>{props.data.markdownRemark.frontmatter.date}</p>\r\n      <hr></hr>\r\n      <div dangerouslySetInnerHTML={{ __html: props.data.markdownRemark.html }}></div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Blog","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n  parsePath,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\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","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  if (!pageResources) {\n    return null\n  }\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';\r\n\r\nconst linkStyles = {\r\n  color: 'white',\r\n  display: 'inline-block',\r\n  margin: '0 0.5rem',\r\n  padding: '0.25rem',\r\n  textDecoration:'none',\r\n  textAlign: `center`\r\n};\r\n\r\nconst SocialMediaLink = ({ children, href, title }) => (\r\n  <a href={href} style={linkStyles} title={title} target=\"_blank\" rel=\"noopener noreferrer\">\r\n    {children}\r\n  </a>\r\n);\r\n\r\nexport default SocialMediaLink;","import React from \"react\";\r\nimport SocialMediaLink from \"./social-media-link\";\r\nimport { FaLinkedinIn, FaGithubAlt} from \"react-icons/fa\";\r\n\r\nconst Footer = ({ siteAuthor }) => (\r\n    <footer\r\n      style={{\r\n        textAlign: `center`\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `#333`,\r\n          marginTop: `1.45rem`,\r\n          marginBottom: `1.45rem`,\r\n          margin: `0 auto`,\r\n          maxWidth: 2000,\r\n          padding: `1.45rem 1.0875rem`,\r\n        }}\r\n      >\r\n        <SocialMediaLink href=\"https://www.linkedin.com/in/rickytham\" title=\"LinkedIn\">\r\n\t        <FaLinkedinIn size={28}/>\r\n        </SocialMediaLink>\r\n        <SocialMediaLink href=\"https://github.com/TheRamik/\" title=\"Github\">\r\n\t        <FaGithubAlt size={28}/>\r\n        </SocialMediaLink>\r\n      </div>\r\n      <div\r\n        style={{\r\n          marginTop: `1.45rem`,\r\n          marginBottom: `1.45rem`,\r\n        }}\r\n      >\r\n        Built with\r\n          {` `}\r\n        <a href=\"https://www.gatsbyjs.org\" \r\n          title=\"GatsbyJS\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby</a>\r\n        <p>Created by {siteAuthor} © {new Date().getFullYear()} </p>\r\n      </div>\r\n    </footer>\r\n)\r\n\r\nexport default Footer","import React from 'react';\r\nimport { Link } from 'gatsby';\r\n\r\nconst linkStyles = {\r\n  color: 'white',\r\n  display: 'inline-block',\r\n  margin: '0 0.5rem',\r\n  padding: '0.25rem',\r\n  textDecoration:'none'\r\n};\r\n\r\nconst NavLink = ({ children, to }) => (\r\n  <Link to={to} style={linkStyles}>\r\n    {children}\r\n  </Link>\r\n);\r\n\r\nexport default NavLink;","import { Link } from \"gatsby\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport Headroom from \"react-headroom\"\r\nimport NavLink from \"./nav-link\";\r\nimport { FaPollH, FaIdCard, FaLaptopCode, FaGamepad, FaFileAlt } from \"react-icons/fa\";\r\n\r\nconst Header = ({ siteTitle }) => (\r\n  <header\r\n    style={{\r\n      background: `#333`,\r\n      textAlign: `center`\r\n    }}\r\n  >\r\n    <div\r\n      style={{\r\n        margin: `0 auto`,\r\n        padding: `1.45rem 1.0875rem`,\r\n      }}\r\n    >\r\n      <h1>\r\n        <Link\r\n          to=\"/\"\r\n          style={{\r\n            color: `white`,\r\n            textDecoration: `none`\r\n          }}\r\n        >\r\n          {siteTitle}\r\n        </Link>\r\n      </h1>\r\n      <Headroom\r\n        pinStart={90}\r\n        style={{\r\n          webkitTransition: 'all .5s ease-in-out',\r\n          mozTransition: 'all .5s ease-in-out',\r\n          oTransition: 'all .5s ease-in-out',\r\n          transition: 'all .5s ease-in-out',\r\n          background: `#333`,\r\n          marginBottom: `1.45rem`,\r\n          textAlign: `center`\r\n        }}\r\n      >\r\n        <NavLink to=\"/about-me/\"><FaIdCard /> ABOUT ME</NavLink>\r\n        <NavLink to=\"/blog/\"><FaPollH /> BLOG</NavLink>\r\n        <NavLink to=\"/projects/\"><FaLaptopCode /> PROJECTS</NavLink>\r\n  \t\t  <NavLink to=\"/hobbies/\"><FaGamepad /> HOBBIES</NavLink>\r\n  \t\t  <NavLink to=\"/resume/\"><FaFileAlt /> RESUME</NavLink>\r\n      </Headroom>\r\n    </div>\r\n  </header>\r\n)\r\n\r\nHeader.propTypes = {\r\n  siteTitle: PropTypes.string,\r\n}\r\n\r\nHeader.defaultProps = {\r\n  siteTitle: ``,\r\n}\r\n\r\nexport default Header\r\n","/**\r\n * Layout component that queries for data\r\n * with Gatsby's StaticQuery component\r\n *\r\n * See: https://www.gatsbyjs.org/docs/static-query/\r\n */\r\n\r\nimport React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport { StaticQuery, graphql } from \"gatsby\"\r\n\r\nimport Header from \"./header\"\r\nimport Footer from \"./footer\"\r\nimport \"./layout.css\"\r\n\r\nconst Layout = ({ children }) => (\r\n  <StaticQuery\r\n    query={graphql`\r\n      query SiteTitleQuery {\r\n        site {\r\n          siteMetadata {\r\n            title\r\n            author\r\n          }\r\n        }\r\n      }\r\n    `}\r\n    render={data => (\r\n      <>\r\n        <Header siteTitle={data.site.siteMetadata.title} />\r\n        <div\r\n          style={{\r\n            margin: `0 auto`,\r\n            maxWidth: 960,\r\n            padding: `0px 1.0875rem 1.45rem`,\r\n            paddingTop: '1.45rem',\r\n            marginBottom: `1.45rem`,\r\n          }}\r\n        >\r\n          <main>{children}</main>\r\n        </div>\r\n        <Footer siteAuthor={data.site.siteMetadata.author}/>\r\n      </>\r\n    )}\r\n  />\r\n)\r\n\r\nLayout.propTypes = {\r\n  children: PropTypes.node.isRequired,\r\n}\r\n\r\nexport default Layout\r\n"],"sourceRoot":""}