component---src-pages-index-js-6a81267b64376fb9b067.js.map

{"version":3,"sources":["webpack:///./src/svg/iconmonstr-twitter.svg","webpack:///./src/svg/iconmonstr-github.svg","webpack:///./src/components/home-social-link.js","webpack:///./src/pages/index.js","webpack:///./node_modules/classnames/index.js","webpack:///./src/svg/iconmonstr-linkedin.svg"],"names":["React","IconmonstrTwitter","props","createElement","defaultProps","module","exports","default","IconmonstrGithub","HomeSocialLink","Icon","color","onMouseEnter","onMouseLeave","link","href","className","target","rel","fill","pageQuery","Home","data","location","useState","isMouseSupported","setMouseSupported","mouseX","setMouseX","mouseY","setMouseY","changedTargetWidth","setChangedTargetWidth","changedTargetHeight","setChangedTargetHeight","changedTargetX","setChangedTargetX","changedTargetY","setChangedTargetY","changedTargetRadius","setChangedTargetRadius","targetPinned","setTargetPinned","useEffect","matchMedia","matches","updateCursor","useMemo","throttledUpdateCursor","throttle","e","pageX","pageY","persist","changeTargetToButtonShape","rect","getBoundingClientRect","height","width","left","top","getComputedStyle","borderRadius","resetTargetShape","socialLinks","LinkedinIcon","TwitterIcon","GithubIcon","role","onMouseMove","style","title","classnames","src","Logo","margin","map","socialLink","i","key","paintDrip","to","hex","hasOwn","hasOwnProperty","classNames","classes","arguments","length","arg","argType","push","Array","isArray","inner","apply","call","join","IconmonstrLinkedin"],"mappings":"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","file":"component---src-pages-index-js-6a81267b64376fb9b067.js","sourcesContent":["var React = require('react');\n\nfunction IconmonstrTwitter (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z\"}));\n}\n\nIconmonstrTwitter.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = IconmonstrTwitter;\n\nIconmonstrTwitter.default = IconmonstrTwitter;\n","var React = require('react');\n\nfunction IconmonstrGithub (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-4.466 19.59c-.405.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481 1.782-.198 3.654-.875 3.654-3.947 0-.874-.312-1.588-.823-2.147.082-.202.356-1.016-.079-2.117 0 0-.671-.215-2.198.82-.64-.18-1.324-.267-2.004-.271-.68.003-1.364.091-2.003.269-1.528-1.035-2.2-.82-2.2-.82-.434 1.102-.16 1.915-.077 2.118-.512.56-.824 1.273-.824 2.147 0 3.064 1.867 3.751 3.645 3.954-.229.2-.436.552-.508 1.07-.457.204-1.614.557-2.328-.666 0 0-.423-.768-1.227-.825 0 0-.78-.01-.055.487 0 0 .525.246.889 1.17 0 0 .463 1.428 2.688.944v1.489c0 .211-.129.459-.528.385-3.18-1.057-5.472-4.056-5.472-7.59 0-4.419 3.582-8 8-8s8 3.581 8 8c0 3.533-2.289 6.531-5.466 7.59z\"}));\n}\n\nIconmonstrGithub.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = IconmonstrGithub;\n\nIconmonstrGithub.default = IconmonstrGithub;\n","import React from 'react';\n\nconst HomeSocialLink = ({ Icon, color, onMouseEnter, onMouseLeave, link }) => {\n  return (\n    <a\n      href={link}\n      className='home__social-link'\n      target='_blank'\n      rel='noopener noreferrer'\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <Icon fill={color} />\n    </a>\n  );\n};\n\nexport default HomeSocialLink;\n","import React, { useMemo, useState, useEffect } from 'react';\nimport { graphql } from 'gatsby';\nimport throttle from 'lodash.throttle';\nimport classnames from 'classnames';\n\nimport './home.css';\n\nimport Bio from '../components/bio';\nimport Header from '../components/header';\nimport Footer from '../components/footer';\nimport SEO from '../components/seo';\nimport Logo from '../png/logo.png';\nimport LinkedinIcon from '../svg/iconmonstr-linkedin.svg';\nimport TwitterIcon from '../svg/iconmonstr-twitter.svg';\nimport GithubIcon from '../svg/iconmonstr-github.svg';\nimport HomeSocialLink from '../components/home-social-link';\nimport AniLink from 'gatsby-plugin-transition-link/AniLink';\n\nconst Home = ({ data, location }) => {\n  const [ isMouseSupported, setMouseSupported ] = useState(true);\n  const [ mouseX, setMouseX ] = useState(0);\n  const [ mouseY, setMouseY ] = useState(0);\n  const [ changedTargetWidth, setChangedTargetWidth ] = useState('initial');\n  const [ changedTargetHeight, setChangedTargetHeight ] = useState('initial');\n  const [ changedTargetX, setChangedTargetX ] = useState('initial');\n  const [ changedTargetY, setChangedTargetY ] = useState('initial');\n  const [ changedTargetRadius, setChangedTargetRadius ] = useState('initial');\n  const [ targetPinned, setTargetPinned ] = useState(false);\n\n  useEffect(() => {\n    setMouseSupported(matchMedia('(pointer:fine)').matches);\n  }, []);\n\n  const updateCursor = useMemo(() => {\n    const throttledUpdateCursor = throttle((e) => {\n      setMouseX(e.pageX);\n      setMouseY(e.pageY);\n      // document.documentElement.style.setProperty('--home-target-x', e.pageX);\n      // document.documentElement.style.setProperty('--home-target-y', e.pageY);\n    }, 150);\n\n    return (e) => {\n      if (!isMouseSupported) {\n        return;\n      }\n      e.persist();\n      return throttledUpdateCursor(e);\n    }\n  }, [ isMouseSupported ]);\n\n  const changeTargetToButtonShape = (e) => {\n    if (!isMouseSupported) {\n      return;\n    }\n    const rect = e.target.getBoundingClientRect();\n    setChangedTargetHeight(rect.height);\n    setChangedTargetWidth(rect.width);\n    setChangedTargetX(rect.left + (rect.width / 2));\n    setChangedTargetY(rect.top + (rect.height / 2));\n    setChangedTargetRadius(getComputedStyle(e.target).borderRadius);\n    setTargetPinned(true);\n  };\n\n  const resetTargetShape = () => {\n    if (!isMouseSupported) {\n      return;\n    }\n    setChangedTargetHeight('initial');\n    setChangedTargetWidth('initial');\n    setChangedTargetX('initial');\n    setChangedTargetY('initial');\n    setChangedTargetRadius('initial');\n    setTargetPinned(false);\n  }\n\n  const socialLinks = [\n    {\n      Icon: LinkedinIcon,\n      color: 'var(--primary)',\n      link: 'https://www.linkedin.com/in/imolorhe',\n    },\n    {\n      Icon: TwitterIcon,\n      color: 'var(--primary)',\n      link: 'https://twitter.com/imolorhe',\n    },\n    {\n      Icon: GithubIcon,\n      color: 'var(--primary)',\n      link: 'https://github.com/imolorhe',\n    },\n  ];\n\n  return (\n    <div\n      className='home-page'\n      role='main'\n      onMouseMove={updateCursor}\n      style={{\n        '--home-target-x': mouseX,\n        '--home-target-y': mouseY,\n        '--home-changed-target-x': changedTargetX,\n        '--home-changed-target-y': changedTargetY,\n        '--home-changed-target-width': changedTargetWidth,\n        '--home-changed-target-height': changedTargetHeight,\n        '--home-changed-target-radius': changedTargetRadius,\n      }}\n    >\n      <SEO title=\"Home\" />\n      <div\n        className={classnames('home__target home__target--dot', { 'home__target--pinned': targetPinned })}\n      ></div>\n      <div\n        className={classnames({'home__target home__target--larger': true, 'home__target--pinned': targetPinned })}\n      ></div>\n      <div className='home__main-content'>\n        <div className=\"home__logo-wrapper\">\n          <img\n            src={Logo}\n            style={{\n              height: 'auto',\n              margin: 0,\n            }}\n            />\n        </div>\n        <div className='home__social-links'>\n          {socialLinks.map((socialLink, i) => (\n            <HomeSocialLink\n              key={i}\n              onMouseEnter={changeTargetToButtonShape}\n              onMouseLeave={resetTargetShape}\n              Icon={socialLink.Icon}\n              link={socialLink.link}\n              color={socialLink.color}\n            />\n          ))}\n        </div>\n        <div className='home__blog-link'>\n          <AniLink\n            paintDrip\n            to=\"/blog\"\n            hex='#FF662D'\n            onMouseEnter={changeTargetToButtonShape}\n            onMouseLeave={resetTargetShape}\n          >\n            Checkout my blog ›\n          </AniLink>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Home;\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n","require(\"core-js/modules/es6.array.is-array\");\n\n/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n  'use strict';\n\n  var hasOwn = {}.hasOwnProperty;\n\n  function classNames() {\n    var classes = [];\n\n    for (var i = 0; i < arguments.length; i++) {\n      var arg = arguments[i];\n      if (!arg) continue;\n      var argType = typeof arg;\n\n      if (argType === 'string' || argType === 'number') {\n        classes.push(arg);\n      } else if (Array.isArray(arg) && arg.length) {\n        var inner = classNames.apply(null, arg);\n\n        if (inner) {\n          classes.push(inner);\n        }\n      } else if (argType === 'object') {\n        for (var key in arg) {\n          if (hasOwn.call(arg, key) && arg[key]) {\n            classes.push(key);\n          }\n        }\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  if (typeof module !== 'undefined' && module.exports) {\n    classNames[\"default\"] = classNames;\n    module.exports = classNames;\n  } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n    // register as 'classnames', consistent with npm package name\n    define('classnames', [], function () {\n      return classNames;\n    });\n  } else {\n    window.classNames = classNames;\n  }\n})();","var React = require('react');\n\nfunction IconmonstrLinkedin (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"}));\n}\n\nIconmonstrLinkedin.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = IconmonstrLinkedin;\n\nIconmonstrLinkedin.default = IconmonstrLinkedin;\n"],"sourceRoot":""}