1-318f509481924c9c26dc.js.map

{"version":3,"sources":["webpack:///./src/components/block.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./.cache/public-page-renderer.js","webpack:///./src/components/menu.js","webpack:///./src/components/attribution.js","webpack:///./src/components/background.js","webpack:///./src/components/layout.js","webpack:///./.cache/public-page-renderer-prod.js"],"names":["__webpack_exports__","_ref","children","Object","_emotion_core__WEBPACK_IMPORTED_MODULE_0__","css","container","name","styles","StaticQueryContext","React","createContext","StaticQuery","props","Consumer","staticQueryData","data","query","render","graphql","Error","propTypes","PropTypes","object","string","isRequired","func","m","module","exports","require","default","menu","core_browser_esm","menuCSS","gatsby_browser_entry","to","menuText","attribution","photographer","style","href","target","rel","title","Background","context","_this","min","max","_React$PureComponent","call","this","setNextImage","setState","currentImage","images","length","state","Math","floor","random","componentWillMount","forEach","element","window","Image","src","componentDidMount","setInterval","positioning","overlay","css_browser_esm","background","backgroundImage","PureComponent","defaultProps","crossfade","keyframes","_templateObject","pan","_templateObject2","width","height","position","zIndex","overflow","backgroundSize","animation","backgroundColor","Layout","_this$props","layout","Helmet","charSet","type","layout_ref","background_Background","ProdPageRenderer","location","pageResources","loader","getResourcesForPathnameSync","pathname","createElement","InternalPageRenderer","assign","json","shape"],"mappings":"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","file":"1-318f509481924c9c26dc.js","sourcesContent":["import React from \"react\"\nimport {css } from '@emotion/core'\n\nexport default ({children}) => (\n  <span css={container}>\n    {children}\n  </span>\n)\n\nconst container = css({\n  padding: 10,\n  maxWidth: '35em',\n})\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\nimport parsePath from \"./parse-path\"\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\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}\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 { css } from \"@emotion/core\"\nimport { Link } from \"gatsby\"\n\nexport default () => (\n  <nav css={menuCSS}>\n    <Link to=\"/\">\n      <span css={menuText}>home</span>{\" \"}\n    </Link>\n    <Link to=\"/meta\">\n      <span css={menuText}> meta </span>{\" \"}\n    </Link>\n  </nav>\n)\n\nconst menuCSS = css({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  backgroundColor: \"#ffffff85\",\n  width: \"100vw\"\n})\nconst menuText = css({\n  height: \"1em\",\n  fontSize: \"0.8em\",\n  padding: \"0.2em 1em\",\n  \"&:hover\": {\n    color: \"white\"\n  }\n})\n","import React from \"react\"\nimport { css } from \"@emotion/core\"\n\nexport default ({ photographer }) => (\n  <a\n    css={style}\n    href={`https://unsplash.com/${photographer}?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge`}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    title={`Download free do whatever you want high-resolution photos from ${photographer}`}\n  >\n    Photo by {photographer}\n  </a>\n)\n\nconst style = css({\n  position: \"fixed\",\n  bottom: 10,\n  right: 20,\n  fontSize: \"0.5rem\",\n  opacity: 0.5\n})\n","import React from \"react\"\nimport Attribution from \"./attribution\"\nimport { css, keyframes } from \"@emotion/core\"\n\nfunction getRandomIndex(min, max) {\n  return Math.floor(Math.random() * (max - min) + min)\n}\n\nconst DURATION_IN_SECONDS = 15\n\nexport default class Background extends React.PureComponent {\n  constructor(props, context) {\n    super(props, context)\n\n    this.state = {\n      currentImage: getRandomIndex(0, props.images.length)\n    }\n  }\n\n  componentWillMount() {\n    // prefetch images\n    this.props.images.forEach(element => {\n      new window.Image().src = element.src\n    })\n  }\n\n  static defaultProps = {\n    images: [\n      {\n        src:\n          \"https://images.unsplash.com/photo-1482977036925-e8fcaa643657?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1234&q=80\",\n        photographer: \"@anchorlee\"\n      },\n      {\n        src:\n          \"https://images.unsplash.com/photo-1484291470158-b8f8d608850d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2000&q=80\",\n        photographer: \"@christoffere\"\n      },\n      {\n        src:\n          \"https://images.unsplash.com/photo-1523002010469-ea85cb48674b?ixlib=rb-1.2.1&auto=format&fit=crop&w=2000&q=80\",\n        photographer: \"@alessandracaretto\"\n      },\n      {\n        src:\n          \"https://images.unsplash.com/photo-1526635229611-9a2482c8427b?ixlib=rb-1.2.1&auto=format&fit=crop&w=2000&q=80\",\n        photographer: \"@rawpixel\"\n      }\n    ]\n  }\n\n  componentDidMount() {\n    setInterval(this.setNextImage, 999 * DURATION_IN_SECONDS)\n  }\n\n  setNextImage = () => {\n    this.setState(({ currentImage }) => ({\n      currentImage:\n        currentImage + 1 <= this.props.images.length - 1 ? currentImage + 1 : 0\n    }))\n  }\n\n  currentImage() {\n    return this.props.images[this.state.currentImage]\n  }\n\n  render() {\n    return (\n      <div css={positioning}>\n        <div css={overlay} />\n        <div\n          css={[\n            background,\n            css({\n              backgroundImage: `url(${this.currentImage().src})`\n            })\n          ]}\n        />\n        <Attribution photographer={this.currentImage().photographer} />\n      </div>\n    )\n  }\n}\n\nconst crossfade = keyframes`\n  0% {\n    opacity: 1\n  }\n\n  11% {\n    opacity: 0\n  }\n\n  87% {\n    opacity: 0 \n  }\n\n  100% {\n    opacity: 1\n  }\n`\n\nconst pan = keyframes`\n  0% {\n    -webkit-transform: scale(1) translateY(0);\n            transform: scale(1) translateY(0);\n    -webkit-transform-origin: 50% 16%;\n            transform-origin: 50% 16%;\n  }\n  100% {\n    -webkit-transform: scale(1.25) translateY(-15px);\n            transform: scale(1.25) translateY(-15px);\n    -webkit-transform-origin: top;\n            transform-origin: top;\n  }\n`\n\nconst background = css({\n  width: \"100vw\",\n  height: \"100vh\",\n  position: \"fixed\",\n  zIndex: -1,\n  overflow: \"hidden\",\n  backgroundSize: \"cover\",\n  animation: `${pan} ${DURATION_IN_SECONDS}s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both;`\n})\n\nconst overlay = css({\n  width: \"100vw\",\n  height: \"100vh\",\n  overflow: \"hidden\",\n  position: \"absolute\",\n  backgroundColor: \"white\",\n  animation: `${crossfade} ${DURATION_IN_SECONDS}s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both`\n})\n\nconst positioning = css({ position: \"fixed\", zIndex: -1 })\n","import React from \"react\"\nimport { css, keyframes } from \"@emotion/core\"\nimport { Helmet } from \"react-helmet\"\nimport Menu from \"./menu\"\n\nimport Background from \"./background\"\n\nexport default class Layout extends React.PureComponent {\n  render() {\n    const { title, children } = this.props\n    return (\n      <div css={layout}>\n        <Helmet>\n          <meta charSet=\"utf-8\" />\n          <title>{title} | AaronDeRuvo.com </title>\n          <style type=\"text/css\">{`body {margin: 0;}`}</style>\n        </Helmet>\n        <Menu />\n        {children}\n        <div\n          css={{\n            display: \"flex\",\n            flexDirection: \"row\",\n            justifyContent: \"center\"\n          }}\n        >\n          <small>\n            <a href=\"https://medium.com/@aaronmgdr\">@aaronmgdr</a>\n          </small>\n        </div>\n        <Background />\n      </div>\n    )\n  }\n}\n\nconst layout = css({\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"space-between\",\n  height: \"100vh\",\n  width: \"100vw\",\n  margin: 0,\n  paddingBottom: 40,\n\n  \"@media (min-device-width : 768px)\": {\n    display: \"grid\",\n    alignItems: \"start\",\n    justifyItems: \"center\",\n    justifyContent: \"center\"\n  }\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  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"],"sourceRoot":""}