{"version":3,"file":"component---src-pages-index-tsx-112a3324cfef33aa04b4.js","mappings":"miKAOMA,EAAU,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,OACd,qBAAiCA,I,8GAE7BC,EAAO,SAAC,GAAD,IAAGD,EAAH,EAAGA,SAAH,OACX,oBAAoCA,I,kDAGhCE,EAAgB,SAAC,GAAD,IAAGF,EAAH,EAAGA,SAAH,OAAuB,sBAAgBA,I,u0BAgF7D,EA9EkB,WAChB,OACE,yBACE,iBACA,QAAC,KAAD,CAAQG,OAAQC,EAAAA,KAChB,QAACC,EAAA,EAAD,OACA,wBACE,uBACE,uBACE,QAAC,EAAAC,EAAD,CACEC,IAAI,mBACJC,IAAI,OACJC,YAAY,UACZC,OAAO,QACPC,OAAQ,IALV,wBAQF,4BAEE,6BAFF,cAIE,oBACA,8CACA,mBANF,oCAUF,uBACE,QAACT,EAAD,MACE,QAACH,EAAD,gBACA,QAACE,EAAD,MACE,sCADF,6EAIA,QAACA,EAAD,MACE,oCADF,uCAGA,QAACA,EAAD,MACE,mCADF,uEAIA,QAACA,EAAD,MACE,gCADF,2DAKF,QAACC,EAAD,MACE,QAACH,EAAD,qBACA,aACEa,KAAK,8BACLC,OAAO,SACPC,IAAI,gCAHN,mBAFF,MAUE,aACEF,KAAK,wBACLC,OAAO,SACPC,IAAI,gCAHN,mBAQF,QAACZ,EAAD,MACE,QAACH,EAAD,iBACA,6DAEF,QAACG,EAAD,MACE,QAACH,EAAD,oBACA,aAAGa,KAAK,4BAAR,6BC/EZ,EAJc,WACZ,OAAO,QAAC,EAAD,Q","sources":["webpack://joaogomes.work/./src/components/IndexPage.tsx","webpack://joaogomes.work/./src/pages/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Global } from \"@emotion/react\";\nimport { GlobalStyles as BaseStyles } from \"twin.macro\";\nimport SEO from \"./sections/SEO\";\nimport { customStyles } from \"./page.styles\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nconst Heading = ({ children }: any) => (\n  <h2 tw=\"text-xl font-bold pb-1\">{children}</h2>\n);\nconst Text = ({ children }: any) => (\n  <p tw=\"pb-2 max-w-xl xl:max-w-3xl\">{children}</p>\n);\n\nconst TextContainer = ({ children }: any) => <div tw=\"pb-6\">{children}</div>;\n\nconst IndexPage = () => {\n  return (\n    <>\n      <BaseStyles />\n      <Global styles={customStyles} />\n      <SEO />\n      <main tw=\"container flex flex-col items-center p-8 mx-auto\">\n        <div tw=\"flex items-center pb-8\">\n          <div tw=\"mr-4 sm:mr-8\">\n            <StaticImage\n              src=\"../images/me.png\"\n              alt=\"João\"\n              placeholder=\"blurred\"\n              layout=\"fixed\"\n              height={250}\n            />\n          </div>\n          <h1 tw=\"text-2xl sm:text-3xl\">\n            Hi!\n            <span tw=\"animate-wave origin-[70%_70%] inline-block\">👋</span> I'm\n            João,\n            <br />\n            <strong>Fullstack Developer</strong>\n            <br />\n            based out of Lisbon, Portugal.\n          </h1>\n        </div>\n        <div tw=\"mx-auto\">\n          <TextContainer>\n            <Heading>SKILLS</Heading>\n            <Text>\n              <strong>Programming:</strong> Javascript, NodeJs, React, React\n              Native, NextJS, Storybook, CSS3, HTML5\n            </Text>\n            <Text>\n              <strong>Databases:</strong> Mongodb, Postgresql, Mysql, Redis\n            </Text>\n            <Text>\n              <strong>Services:</strong> AWS, Heroku, Vercel, Github,\n              Cloudinary, Contenful, Rest, Graphql\n            </Text>\n            <Text>\n              <strong>Tools:</strong> Git, Trello, Slack, VSCode, Google\n              Docs/Spreadsheets\n            </Text>\n          </TextContainer>\n          <TextContainer>\n            <Heading>RECENT WORK</Heading>\n            <a\n              href=\"https://app.perfectdays.in/\"\n              target=\"_blank\"\n              rel=\"noopener nofollow noreferrer\"\n            >\n              🔗&nbsp;Perfect&nbsp;Days\n            </a>\n            &nbsp;&nbsp;\n            <a\n              href=\"https://surfngaru.pt/\"\n              target=\"_blank\"\n              rel=\"noopener nofollow noreferrer\"\n            >\n              🔗&nbsp;Surf&nbsp;Ngaru\n            </a>\n          </TextContainer>\n          <TextContainer>\n            <Heading>HOBBIES</Heading>\n            <p>🏄🏽‍♂️&nbsp;Surf 🛹&nbsp;Skate 🤹🏽‍♂️&nbsp;Juggling</p>\n          </TextContainer>\n          <TextContainer>\n            <Heading>CONTACT ME</Heading>\n            <a href=\"mailto:me@joaogomes.work\">✉️&nbsp;me@joaogomes.work</a>\n          </TextContainer>\n        </div>\n      </main>\n    </>\n  );\n};\n\nexport default IndexPage;\n","import * as React from \"react\";\nimport IndexPage from \"../components/IndexPage\";\n\nconst Index = () => {\n  return <IndexPage />;\n};\n\nexport default Index;\n"],"names":["Heading","children","Text","TextContainer","styles","customStyles","SEO","S","src","alt","placeholder","layout","height","href","target","rel"],"sourceRoot":""}