{"version":3,"sources":["webpack://gatsby-starter-blog/./src/components/header.tsx","webpack://gatsby-starter-blog/./src/components/icons.tsx","webpack://gatsby-starter-blog/./src/pages/contact.tsx"],"names":["Header","title","subtitle","className","Link","to","Github","props","role","viewBox","xmlns","fill","d","LinkedIn","Twitter","Mail","Contact","data","site","siteMetadata","author","icon","url","label","type","map","href","location","siteTitle"],"mappings":"uLAGe,SAASA,EAAT,GAA8D,IAAD,IAA3CC,aAA2C,MAAnC,eAAmC,MAAnBC,gBAAmB,MAAR,KAAQ,EAC1E,OAAIA,EAEA,0BAAQC,UAAU,SAChB,sBAAIA,UAAU,gBACZ,gBAAC,EAAAC,KAAD,CAAMC,GAAG,KAAKJ,GACd,wBAAME,UAAU,yCAAhB,OAEF,sBAAIA,UAAU,kDACXD,IAOP,0BAAQC,UAAU,SAChB,sBAAIA,UAAU,qCAAqCF,M,yJClB5CK,EAAiD,SAAAC,GAAK,OACjE,qCACEC,KAAK,MACLC,QAAQ,YACRC,MAAM,6BACNC,KAAK,gBACDJ,GAEJ,uCACA,wBAAMK,EAAE,+sBAICC,EAAmD,SAAAN,GAAK,OACnE,qCACEC,KAAK,MACLC,QAAQ,YACRC,MAAM,6BACNC,KAAK,gBACDJ,GAEJ,yCACA,wBAAMK,EAAE,yfAICE,EAAkD,SAAAP,GAAK,OAClE,qCACEC,KAAK,MACLC,QAAQ,YACRC,MAAM,6BACNC,KAAK,gBACDJ,GAEJ,wCACA,wBAAMK,EAAE,kfAICG,EAA+C,SAAAR,GAAK,OAC/D,qCACEG,MAAM,6BACND,QAAQ,YACRE,KAAK,gBACDJ,GAEJ,wBAAMK,EAAE,2EACR,wBAAMA,EAAE,+D,+FCxCNI,EAAU,SAAC,GAAa,EAAXC,KACOC,KAAKC,aAArBC,OAER,OACE,0BAAQjB,UAAU,2FAChB,2BAASA,UAAU,2BACjB,uBAAKA,UAAU,2BACb,2BAASA,UAAU,yCAChB,CACC,CACEkB,KAAM,gBAAC,KAAD,MACNC,IAAK,8BACLC,MAAO,MACPC,KAAM,YAER,CACEH,KAAM,gBAAC,KAAD,MACNC,IAAK,yBACLC,MAAO,MACPC,KAAM,UAER,CACEH,KAAM,gBAAC,KAAD,MACNC,IAAK,gCACLC,MAAO,aACPC,KAAM,WAER,CACEH,KAAM,gBAAC,KAAD,MACNC,IAAK,2BACLC,MAAO,oBACPC,KAAM,UAERC,KAAI,gBAAGJ,EAAH,EAAGA,KAAMC,EAAT,EAASA,IAAKC,EAAd,EAAcA,MAAOC,EAArB,EAAqBA,KAArB,OACJ,qBAAGE,KAAMJ,EAAKnB,UAAU,wCACtB,uBAAKA,UAAU,qIACZqB,EACD,uBAAKrB,UAAU,YAAYkB,IAE7B,uBAAKlB,UAAU,QAAQoB,YAsBvC,UAZoB,SAAC,GAAwB,IAAtBN,EAAqB,EAArBA,KAAMU,EAAe,EAAfA,SACrBC,EAAYX,EAAKC,KAAKC,aAAalB,MAEzC,OACE,gBAAC,IAAD,CAAQ0B,SAAUA,EAAU1B,MAAO2B,GACjC,gBAAC,IAAD,CAAK3B,MAAM,YACX,gBAAC,IAAD,CAAQC,SAAS,eACjB,gBAACc,EAAD,CAASC,KAAMA","file":"component---src-pages-contact-tsx-b1c9c1271d8fabec878f.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\n\nexport default function Header({ title = \"april theses\", subtitle = null }) {\n  if (subtitle) {\n    return (\n      <header className=\"my-12\">\n        <h1 className=\"text-md mb-4\">\n          <Link to=\"/\">{title}</Link>\n          <span className=\"font-xs font-extralight text-gray-400\"> /</span>\n        </h1>\n        <h2 className=\"text-5xl sm:text-6xl text-gray-500 page-header\">\n          {subtitle}\n        </h2>\n      </header>\n    )\n  }\n\n  return (\n    <header className=\"my-12\">\n      <h1 className=\"text-md text-gray-500 page-header\">{title}</h1>\n    </header>\n  )\n}\n","import React from \"react\"\n\nexport const Github: React.FC<JSX.IntrinsicElements[\"svg\"]> = props => (\n  <svg\n    role=\"img\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentcolor\"\n    {...props}\n  >\n    <title>GitHub</title>\n    <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\" />\n  </svg>\n)\n\nexport const LinkedIn: React.FC<JSX.IntrinsicElements[\"svg\"]> = props => (\n  <svg\n    role=\"img\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentcolor\"\n    {...props}\n  >\n    <title>LinkedIn</title>\n    <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n  </svg>\n)\n\nexport const Twitter: React.FC<JSX.IntrinsicElements[\"svg\"]> = props => (\n  <svg\n    role=\"img\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentcolor\"\n    {...props}\n  >\n    <title>Twitter</title>\n    <path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\" />\n  </svg>\n)\n\nexport const Mail: React.FC<JSX.IntrinsicElements[\"svg\"]> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 20 20\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\" />\n    <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\" />\n  </svg>\n)\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport _ from \"lodash\"\nimport Header from \"../components/header\"\nimport { Github, LinkedIn, Mail, Twitter } from \"../components/icons\"\n\nconst Contact = ({ data }) => {\n  const { author } = data.site.siteMetadata\n\n  return (\n    <header className=\"mb-12 flex flex-col-reverse sm:flex-row sm:space-x-4 items-center sm:items-end relative\">\n      <section className=\"max-w-lg flex flex-col \">\n        <div className=\"prose prose-sm sm:prose\">\n          <section className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {[\n              {\n                icon: <LinkedIn />,\n                url: \"https://linkedin.com/in/a8t\",\n                label: \"a8t\",\n                type: \"LinkedIn\",\n              },\n              {\n                icon: <Github />,\n                url: \"https://github.com/a8t\",\n                label: \"a8t\",\n                type: \"Github\",\n              },\n              {\n                icon: <Twitter />,\n                url: \"https://twitter.com/SixthHead\",\n                label: \"@SixthHead\",\n                type: \"Twitter\",\n              },\n              {\n                icon: <Mail />,\n                url: \"mailto:hello@andytran.ca\",\n                label: \"hello@andytran.ca\",\n                type: \"Email\",\n              },\n            ].map(({ icon, url, label, type }) => (\n              <a href={url} className=\"no-underline flex items-center group\">\n                <div className=\"flex flex-col items-center w-24 p-3 rounded-md bg-white border border-gray-200 group-hover:bg-teal-50 transition-all duration-100\">\n                  {type}\n                  <div className=\"w-6 mt-2\">{icon}</div>\n                </div>\n                <div className=\"ml-2\">{label}</div>\n              </a>\n            ))}\n          </section>\n        </div>\n      </section>\n    </header>\n  )\n}\n\nconst ContactPage = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata.title\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title=\"Contact\" />\n      <Header subtitle=\"contact me\" />\n      <Contact data={data} />\n    </Layout>\n  )\n}\n\nexport default ContactPage\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        author {\n          name\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}