{"version":3,"sources":["webpack:///./src/components/icon-item.js","webpack:///./src/pages/about.js","webpack:///./src/components/panel.js"],"names":["IconItem","props","name","url","image","imageAlt","className","data-tooltip","href","target","src","alt","About","title","to","data","site","siteMetadata","github","publicURL","keybase","twitter","linkedin","stackoverflow","gatsby","react","graphql","tailwind","markdown","netlify","Panel","children","colorClasses"],"mappings":"iKAyBeA,EAtBE,SAAAC,GAAU,IACjBC,EAA+BD,EAA/BC,KAAMC,EAAyBF,EAAzBE,IAAKC,EAAoBH,EAApBG,MAAOC,EAAaJ,EAAbI,SAE1B,OACE,yBACEC,UAAU,2HACVC,eAAcL,GAEd,uBAAGM,KAAML,EAAKM,OAAO,WACnB,yBAAKH,UAAU,UAAUI,IAAKN,EAAOO,IAAKN,O,YCqLnCO,UAlHD,SAAAX,GACZ,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKY,MAAM,UACX,wBAAIP,UAAU,oCAAd,cACA,uBAAGA,UAAU,oCAAb,yPAMA,uBAAGA,UAAU,oCAAb,6HAEwD,IACtD,kBAAC,OAAD,CAAMQ,GAAG,SAASR,UAAU,kBAAkBG,OAAO,WAArD,uBAHF,KAQA,wBAAIH,UAAU,oCAAd,uBACA,yBAAKA,UAAU,+CACb,kBAAC,EAAD,CACEJ,KAAK,SACLC,IAAKF,EAAMc,KAAKC,KAAKC,aAAaC,OAClCd,MAAOH,EAAMc,KAAKG,OAAOC,YAE3B,kBAAC,EAAD,CACEjB,KAAK,UACLC,IAAKF,EAAMc,KAAKC,KAAKC,aAAaG,QAClChB,MAAOH,EAAMc,KAAKK,QAAQD,YAE5B,kBAAC,EAAD,CACEjB,KAAK,UACLC,IAAKF,EAAMc,KAAKC,KAAKC,aAAaI,QAClCjB,MAAOH,EAAMc,KAAKM,QAAQF,YAE5B,kBAAC,EAAD,CACEjB,KAAK,WACLC,IAAKF,EAAMc,KAAKC,KAAKC,aAAaK,SAClClB,MAAOH,EAAMc,KAAKO,SAASH,YAE7B,kBAAC,EAAD,CACEjB,KAAK,gBACLC,IAAKF,EAAMc,KAAKC,KAAKC,aAAaM,cAClCnB,MAAOH,EAAMc,KAAKQ,cAAcJ,aAGpC,6BACE,yBAAKb,UAAU,QACb,kBAAC,IAAD,KACE,yBAAKA,UAAU,kDAAf,SAGA,yBAAKA,UAAU,oCAAf,4BAKJ,yBAAKA,UAAU,QACb,kBAAC,IAAD,KACE,yBAAKA,UAAU,kDAAf,iBAGA,yBAAKA,UAAU,8CAAf,0BAMN,wBAAIA,UAAU,oCAAd,8BAGA,yBAAKA,UAAU,0CACb,kBAAC,EAAD,CACEJ,KAAK,SACLC,IAAI,4BACJC,MAAOH,EAAMc,KAAKS,OAAOL,UACzBd,SAAS,WAEX,kBAAC,EAAD,CACEH,KAAK,UACLC,IAAI,uBACJC,MAAOH,EAAMc,KAAKU,MAAMN,UACxBd,SAAS,UAEX,kBAAC,EAAD,CACEH,KAAK,UACLC,IAAI,uBACJC,MAAOH,EAAMc,KAAKW,QAAQP,UAC1Bd,SAAS,YAEX,kBAAC,EAAD,CACEH,KAAK,WACLC,IAAI,2BACJC,MAAOH,EAAMc,KAAKY,SAASR,UAC3Bd,SAAS,aAEX,kBAAC,EAAD,CACEH,KAAK,WACLC,IAAI,gDACJC,MAAOH,EAAMc,KAAKa,SAAST,UAC3Bd,SAAS,aAEX,kBAAC,EAAD,CACEH,KAAK,UACLC,IAAI,2BACJC,MAAOH,EAAMc,KAAKc,QAAQV,UAC1Bd,SAAS,gB,kCCzLnB,yBAaeyB,IAXD,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAIf,OAAO,yBAAKzB,UAFS0B,6DAEcD","file":"component---src-pages-about-js-f8fd8e45ff50fbf4d792.js","sourcesContent":["import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst IconItem = props => {\n  const { name, url, image, imageAlt } = props\n\n  return (\n    <div\n      className=\"flex bg-gray-100 dark:bg-gray-700 rounded-full h-12 w-12 items-center justify-center cursor-pointer relative has-tooltip\"\n      data-tooltip={name}\n    >\n      <a href={url} target=\"__blank\">\n        <img className=\"h-5 w-5\" src={image} alt={imageAlt} />\n      </a>\n    </div>\n  )\n}\n\nIconItem.propTypes = {\n  name: PropTypes.string,\n  url: PropTypes.string,\n  image: PropTypes.string,\n  imageAlt: PropTypes.string,\n}\n\nexport default IconItem\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport IconItem from \"../components/icon-item\"\nimport Panel from \"../components/panel\"\n\nexport const image = graphql`\n  fragment image on File {\n    childImageSharp {\n      fluid(maxWidth: 200, maxHeight: 200) {\n        ...GatsbyImageSharpFluid\n      }\n    }\n  }\n`\n\nexport const images = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        github\n        keybase\n        twitter\n        linkedin\n        stackoverflow\n        email\n      }\n    }\n\n    github: file(relativePath: { eq: \"github.svg\" }) {\n      publicURL\n    }\n\n    keybase: file(relativePath: { eq: \"keybase.svg\" }) {\n      publicURL\n    }\n\n    twitter: file(relativePath: { eq: \"twitter.svg\" }) {\n      publicURL\n    }\n\n    linkedin: file(relativePath: { eq: \"linkedin.svg\" }) {\n      publicURL\n    }\n\n    stackoverflow: file(relativePath: { eq: \"stackoverflow.svg\" }) {\n      publicURL\n    }\n\n    gatsby: file(relativePath: { eq: \"gatsby.svg\" }) {\n      publicURL\n    }\n\n    react: file(relativePath: { eq: \"react.svg\" }) {\n      publicURL\n    }\n\n    graphql: file(relativePath: { eq: \"graphql.svg\" }) {\n      publicURL\n    }\n\n    tailwind: file(relativePath: { eq: \"tailwindcss.svg\" }) {\n      publicURL\n    }\n\n    markdown: file(relativePath: { eq: \"markdown.svg\" }) {\n      publicURL\n    }\n\n    netlify: file(relativePath: { eq: \"netlify.svg\" }) {\n      publicURL\n    }\n  }\n`\n\nconst About = props => {\n  return (\n    <Layout>\n      <SEO title=\"About\" />\n      <h1 className=\"text-gray-700 dark:text-gray-200\">Hey there!</h1>\n      <p className=\"text-gray-700 dark:text-gray-400\">\n        I'm Petros. I'm a software engineer passionate about the web, its future\n        and how to build and deliver efficient, human-friendly and well tested\n        software. I love rich user experiences and interfaces that scale and can\n        be used with minimal effort.\n      </p>\n      <p className=\"text-gray-700 dark:text-gray-400\">\n        When I'm away from the keyboard you will usually find me planning my\n        next travel destination, creating music or picking up{\" \"}\n        <Link to=\"/books\" className=\"text-indigo-500\" target=\"__blank\">\n          an interesting book\n        </Link>\n        .\n      </p>\n      <h3 className=\"text-gray-700 dark:text-gray-400\">You can find me on:</h3>\n      <div className=\"grid grid-flow-col auto-cols-max gap-2 mb-4\">\n        <IconItem\n          name=\"Github\"\n          url={props.data.site.siteMetadata.github}\n          image={props.data.github.publicURL}\n        />\n        <IconItem\n          name=\"Keybase\"\n          url={props.data.site.siteMetadata.keybase}\n          image={props.data.keybase.publicURL}\n        />\n        <IconItem\n          name=\"Twitter\"\n          url={props.data.site.siteMetadata.twitter}\n          image={props.data.twitter.publicURL}\n        />\n        <IconItem\n          name=\"Linkedin\"\n          url={props.data.site.siteMetadata.linkedin}\n          image={props.data.linkedin.publicURL}\n        />\n        <IconItem\n          name=\"Stackoverflow\"\n          url={props.data.site.siteMetadata.stackoverflow}\n          image={props.data.stackoverflow.publicURL}\n        />\n      </div>\n      <div>\n        <div className=\"mb-4\">\n          <Panel>\n            <div className=\"text-gray-700 dark:text-gray-200 font-semibold\">\n              Email\n            </div>\n            <div className=\"text-gray-700 dark:text-gray-400\">\n              kalpetros at pm dot me\n            </div>\n          </Panel>\n        </div>\n        <div className=\"mb-4\">\n          <Panel>\n            <div className=\"text-gray-700 dark:text-gray-200 font-semibold\">\n              PGP Signature\n            </div>\n            <div className=\"text-gray-700 dark:text-gray-400 uppercase\">\n              CBFD 8362 5C61 8509\n            </div>\n          </Panel>\n        </div>\n      </div>\n      <h3 className=\"text-gray-700 dark:text-gray-400\">\n        This website is made with:\n      </h3>\n      <div className=\"grid grid-flow-col auto-cols-max gap-2\">\n        <IconItem\n          name=\"Gatsby\"\n          url=\"https://www.gatsbyjs.org/\"\n          image={props.data.gatsby.publicURL}\n          imageAlt=\"gatsby\"\n        />\n        <IconItem\n          name=\"ReactJS\"\n          url=\"https://reactjs.org/\"\n          image={props.data.react.publicURL}\n          imageAlt=\"react\"\n        />\n        <IconItem\n          name=\"GraphQL\"\n          url=\"https://graphql.org/\"\n          image={props.data.graphql.publicURL}\n          imageAlt=\"graphql\"\n        />\n        <IconItem\n          name=\"Tailwind\"\n          url=\"https://tailwindcss.com/\"\n          image={props.data.tailwind.publicURL}\n          imageAlt=\"tailwind\"\n        />\n        <IconItem\n          name=\"Markdown\"\n          url=\"https://daringfireball.net/projects/markdown/\"\n          image={props.data.markdown.publicURL}\n          imageAlt=\"markdown\"\n        />\n        <IconItem\n          name=\"Netlify\"\n          url=\"https://www.netlify.com/\"\n          image={props.data.netlify.publicURL}\n          imageAlt=\"netlify\"\n        />\n      </div>\n    </Layout>\n  )\n}\n\nexport default About\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst Panel = ({ children }) => {\n  const colorClasses = `bg-gray-50 dark:bg-gray-700`\n  const className = `${colorClasses} p-4 leading-normal rounded-xl`\n\n  return <div className={className}>{children}</div>\n}\n\nPanel.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Panel\n"],"sourceRoot":""}