{"version":3,"sources":["webpack:///./src/components/ContactInfo.js","webpack:///./src/sections/SocialNetworks.js","webpack:///./src/sections/ContactForm.js","webpack:///./src/pages/contact.js","webpack:///./src/assets/scatter-circle.svg"],"names":["ContactInfo","faIcon","text","classStyleIcon","classStyleText","link","href","target","rel","style","transition","className","icon","SocialNetworks","faTwitter","faLinkedin","faGithub","ContactForm","intl","useIntl","emailPh","formatMessage","id","msgPh","name","method","data-netlify","type","value","htmlFor","placeholder","Contact","Layout","intlId","Container","zIndex","position","width","top","right","React","ScatterCircle","props","createElement","defaultProps","module","exports","default"],"mappings":"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","file":"component---src-pages-contact-js-0d96a057c9aa283306b6.js","sourcesContent":["import React from \"react\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\n\nexport default function ContactInfo({\n  faIcon,\n  text,\n  classStyleIcon = \"\",\n  classStyleText = \"\",\n  link,\n}) {\n  return (\n    <a href={link} target=\"_blank\" rel=\"noopener noreferrer\">\n      <span\n        style={{ transition: \"0.4s ease\" }}\n        className={`text-gray-700 md:text-4xl xs:text-xl ${classStyleIcon}`}\n      >\n        <div className=\"inline-block\">\n          <FontAwesomeIcon icon={faIcon} className=\"mr-4\" />\n          <h2 className={`inline-block ${classStyleText}`}>{text}</h2>\n        </div>\n      </span>\n    </a>\n  )\n}\n","import {\n  faGithub,\n  faLinkedin,\n  faTwitter,\n} from \"@fortawesome/free-brands-svg-icons\"\nimport React from \"react\"\nimport ContactInfo from \"../components/ContactInfo\"\n\nexport default function SocialNetworks() {\n  return (\n    <div>\n      <section>\n        <br />\n        <div className=\"flex flex-wrap flex-col\">\n          <div className=\"mb-5 py-4 background-contact\">\n            <ContactInfo\n              faIcon={faTwitter}\n              text={\"@ogastonc\"}\n              classStyleIcon={\"hover:text-blue-500\"}\n              link={\"https://twitter.com/ogastonc\"}\n            />\n          </div>\n          <div className=\"mb-5 py-4 background-contact\">\n            <ContactInfo\n              faIcon={faLinkedin}\n              text={\"Omar Gastón Chalas\"}\n              classStyleIcon={\"hover:text-blue-700\"}\n              link={\"https://www.linkedin.com/in/omar-gaston-chalas/\"}\n            />\n          </div>\n          <div className=\"mb-5 py-4 background-contact\">\n            <ContactInfo\n              faIcon={faGithub}\n              text={\"ogaston\"}\n              classStyleIcon={\"hover:text-gray-900\"}\n              link={\"https://github.com/ogaston\"}\n            />\n          </div>\n        </div>\n      </section>\n    </div>\n  )\n}\n","import { FormattedMessage, useIntl } from \"gatsby-plugin-intl\"\nimport React from \"react\"\n\nexport default function ContactForm() {\n  const intl = useIntl()\n  const emailPh = intl.formatMessage({ id: \"contact.form.email.placeholder\" })\n  const msgPh = intl.formatMessage({ id: \"contact.form.message.placeholder\" })\n\n  return (\n    <div className=\"my-4 w-8/12 mx-auto background-contact\">\n      <h2 className=\"text-xl text-gray-700 font-semibold\">\n        <FormattedMessage id=\"contact.writeme\" />\n      </h2>\n      <form\n        name=\"contact\"\n        method=\"post\"\n        data-netlify=\"true\"\n        className=\"rounded pt-6 pb-8 mb-4\"\n      >\n        <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\n        <div className=\"mb-4\">\n          <label\n            className=\"block text-gray-700 text-sm font-bold mb-2\"\n            htmlFor=\"email\"\n          >\n            <FormattedMessage id=\"contact.form.email.label\" />\n            <input\n              className=\"block shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n              id=\"email\"\n              name=\"email\"\n              type=\"text\"\n              placeholder={emailPh}\n            />\n          </label>\n        </div>\n        <div className=\"mb-6\">\n          <label\n            className=\"block text-gray-700 text-sm font-bold mb-2\"\n            htmlFor=\"message\"\n          >\n            <FormattedMessage id=\"contact.form.message.label\" />\n            <textarea\n              className=\"block shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline md:h-auto xs:h-24\"\n              id=\"message\"\n              name=\"message\"\n              placeholder={msgPh}\n            ></textarea>\n          </label>\n          <p className=\"text-green-500 text-xs italic\">\n            <FormattedMessage id=\"contact.form.secondmessage\" />\n          </p>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <button\n            className=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline\"\n            type=\"submit\"\n          >\n            <FormattedMessage id=\"contact.form.submit\" />\n          </button>\n        </div>\n      </form>\n    </div>\n  )\n}\n","import React from \"react\"\nimport SEO from \"../components/seo\"\nimport Layout from \"../containers/Layout\"\nimport SocialNetworks from \"../sections/SocialNetworks\"\nimport ContactForm from \"../sections/ContactForm\"\nimport { Container } from \"../components/Container\"\nimport { FormattedMessage } from \"gatsby-plugin-intl\"\nimport ScatterCircle from \"../assets/scatter-circle.svg\"\n\nconst Contact = () => (\n  <Layout>\n    <SEO intlId=\"contact\" />\n    <Container>\n      <div className=\"w-full\">\n        <h1 className=\"text-3xl font-semibold\">\n          <FormattedMessage id=\"contact.title\" />\n        </h1>\n      </div>\n      <p>\n        <FormattedMessage id=\"contact.text\" />\n      </p>\n      <section className=\"xs:block md:flex mt-8\">\n        <div className=\"flex-1\">\n          <SocialNetworks />\n        </div>\n        <div className=\"flex-1\">\n          <small\n            className=\"right-0\"\n            style={{\n              zIndex: -1,\n              position: \"absolute\",\n              width: \"35%\",\n              top: \"95px\",\n              right: \"10%\",\n            }}\n          >\n            <ScatterCircle className=\"xs:w-24 md:w-full pl-12\" />\n          </small>\n          <div className=\"py-12 xs:w-full md:w-8/12 mx-auto bg-gray-100\">\n            <ContactForm />\n          </div>\n        </div>\n      </section>\n    </Container>\n  </Layout>\n)\n\nexport default Contact\n","var React = require('react');\n\nfunction ScatterCircle (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".cls-1,.cls-2{fill:none;}.cls-1{stroke:#00bcd4;stroke-miterlimit:10;stroke-width:3.45px;stroke-dasharray:1.11 1.48;}.cls-2{stroke:#17103c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}\")),React.createElement(\"title\",{\"key\":1},\"Asset 3\"),React.createElement(\"g\",{\"id\":\"Layer_42\",\"data-name\":\"Layer 2\",\"key\":2},React.createElement(\"g\",{\"id\":\"Layer_6\",\"data-name\":\"Layer 6\"},[React.createElement(\"path\",{\"className\":\"cls-1\",\"d\":\"M33,20.79A15.62,15.62,0,1,1,17.34,5.18,15.62,15.62,0,0,1,33,20.79Z\",\"key\":0}),React.createElement(\"circle\",{\"className\":\"cls-2\",\"cx\":\"22.5\",\"cy\":\"16.62\",\"r\":\"15.62\",\"key\":1})]))]);\n}\n\nScatterCircle.defaultProps = {\"viewBox\":\"0 0 39.12 38.14\"};\n\nmodule.exports = ScatterCircle;\n\nScatterCircle.default = ScatterCircle;\n"],"sourceRoot":""}