component---src-pages-cursos-js-358cdf72cb27b5259321.js.map

{"version":3,"sources":["webpack:///./src/components/ListWrapper.js","webpack:///./src/components/Course/styled.js","webpack:///./src/components/Course/Image.js","webpack:///./src/components/Course/index.js","webpack:///./src/pages/cursos.js"],"names":["ListWrapper","styled","section","ImageWrapper","Img","media","lessThan","CourseWrapper","CourseLink","a","transitions","COLOR","CourseInfo","div","CourseTitle","h1","CourseDescription","h2","Image","props","query","render","data","image","images","edges","find","n","node","relativePath","includes","filename","imageSizes","childImageSharp","sizes","alt","Course","title","description","link","href","onClick","course","ReactGA","event","category","action","label","coursesList","CursosPage","Layout","map","i","key"],"mappings":"6FAAA,sCAEaA,EAFb,UAE2BC,EAAOC,QAAV,iEAAGD,CAAH,6L,gjBCIjB,IAAME,EAAeF,YAAOG,KAAV,uEAAGH,CAAH,wEAMrBI,IAAMC,SAAS,QAAfD,CANqB,MAWZE,EAAgBN,IAAOC,QAAV,wEAAGD,CAAH,oMActBI,IAAMC,SAAS,QAAfD,CAdsB,MAoBbG,EAAaP,IAAOQ,EAAV,qEAAGR,CAAH,yJAIPS,IAAYC,OAWfC,EAAaX,IAAOY,IAAV,qEAAGZ,CAAH,8DAKnBI,IAAMC,SAAS,QAAfD,CALmB,MAUVS,EAAcb,IAAOc,GAAV,sEAAGd,CAAH,8DAMXe,EAAoBf,IAAOgB,GAAV,4EAAGhB,CAAH,uDC5BfiB,EAnCD,SAAAC,GAAK,OACjB,kBAAC,cAAD,CACEC,MAAK,aAmBLC,OAAQ,SAAAC,GACN,IAAMC,EAAQD,EAAKE,OAAOC,MAAMC,MAAK,SAAAC,GACnC,OAAOA,EAAEC,KAAKC,aAAaC,SAASX,EAAMY,aAE5C,IAAKR,EACH,OAAO,KAGT,IAAMS,EAAaT,EAAMK,KAAKK,gBAAgBC,MAC9C,OAAO,kBAAC,EAAD,CAAgBC,IAAKhB,EAAMgB,IAAKD,MAAOF,KA7BlD,UC8BaI,EArBA,SAAC,GAAyC,IAAvCC,EAAsC,EAAtCA,MAAOC,EAA+B,EAA/BA,YAAaC,EAAkB,EAAlBA,KAAMhB,EAAY,EAAZA,MAC1C,OACE,kBAAC,EAAD,CAAciB,KAAMD,EAAME,QAAS,kBAVdC,EAUqCL,OAT5DM,IAAQC,MAAM,CACZC,SAAU,SACVC,OAAQ,QACRC,MAAM,gBAAiBL,IAJF,IAAAA,IAWnB,kBAAC,EAAD,KACE,kBAAC,EAAD,CAAOX,SAAUR,EAAOY,IAAKE,IAC7B,kBAAC,EAAD,KACE,kBAAC,EAAD,KAAgBA,GAChB,kBAAC,EAAD,KAAsBC,O,YCf1BU,EAAc,CAClB,CACEX,MAAO,oDACPd,MAAO,oBACPgB,KACE,kFACFD,YAAa,+DAEf,CACED,MAAO,4DACPd,MAAO,mBACPgB,KACE,gHACFD,YACE,2HAEJ,CACED,MAAO,mCACPd,MAAO,cACPgB,KACE,sFACFD,YACE,kEAEJ,CACED,MAAO,+CACPd,MAAO,sBACPgB,KACE,qGACFD,YACE,4EAEJ,CACED,MAAO,4BACPd,MAAO,oBACPgB,KACE,kFACFD,YACE,2FAEJ,CACED,MAAO,8BACPd,MAAO,aACPgB,KACE,8EACFD,YACE,2EAEJ,CACED,MAAO,uCACPd,MAAO,gBACPgB,KACE,6FACFD,YACE,qFAEJ,CACED,MAAO,+BACPd,MAAO,gBACPgB,KAAM,sDACND,YACE,2GAyBSW,UArBI,kBACjB,kBAACC,EAAA,EAAD,KACE,kBAAC,IAAD,CACEb,MAAM,SACNC,YAAY,4FACZf,MAAM,+DAER,kBAAC,IAAD,KACGyB,EAAYG,KAAI,WAAsCC,GAAtC,IAAGf,EAAH,EAAGA,MAAOC,EAAV,EAAUA,YAAaC,EAAvB,EAAuBA,KAAMhB,EAA7B,EAA6BA,MAA7B,OACf,kBAAC,EAAD,CACE8B,IAAKD,EACLf,MAAOA,EACPC,YAAaA,EACbC,KAAMA,EACNhB,MAAOA,W","file":"component---src-pages-cursos-js-358cdf72cb27b5259321.js","sourcesContent":["import styled from 'styled-components'\n\nexport const ListWrapper = styled.section`\n  body#card & {\n    background-color: var(--borders);\n    border-bottom: 1px solid var(--borders);\n    display: grid;\n    grid-area: card;\n    grid-gap: 1px;\n    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n  }\n`\n","import Img from 'gatsby-image'\nimport styled from 'styled-components'\nimport media from 'styled-media-query'\n\nimport transitions from '../../styles/transitions';\n\nexport const ImageWrapper = styled(Img)`\n  border-radius: 50%;\n  display: flex;\n  min-width: 120px;\n  min-height: 120px;\n\n  ${media.lessThan('large')`\n    margin-bottom: 5px;\n  `}\n`\n\nexport const CourseWrapper = styled.section`\n  align-items: center;\n  border-bottom: 1px solid var(--borders);\n  display: flex;\n  padding: 2rem 3rem;\n  width: 100%;\n\n  body#card & {\n    border: none;\n    padding: 2rem 1rem;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  ${media.lessThan('large')`\n    flex-direction: column;\n    padding: 2rem 1rem;\n  `}\n`\n\nexport const CourseLink = styled.a`\n  color: var(--texts);\n  display: flex;\n  text-decoration: none;\n  transition: ${transitions.COLOR};\n\n  body#card & {\n    background-color: var(--background);\n  }\n\n  &:hover {\n    color: var(--highlight);\n  }\n`\n\nexport const CourseInfo = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-left: 1.5rem;\n\n  ${media.lessThan('large')`\n    margin: 0;\n  `}\n`\n\nexport const CourseTitle = styled.h1`\n  font-size: 1.6rem;\n  font-weight: 700;\n  margin: 0.2rem 0 0.5rem;\n`\n\nexport const CourseDescription = styled.h2`\n  font-size: 1.2rem;\n  font-weight: 300;\n  line-height: 1.2;\n`\n","import React from 'react'\nimport { StaticQuery, graphql } from 'gatsby'\n\nimport * as S from './styled'\n\nconst Image = props => (\n  <StaticQuery\n    query={graphql`\n      query {\n        images: allFile(\n          filter: { absolutePath: { regex: \"/static/assets/img/cursos/\" } }\n        ) {\n          edges {\n            node {\n              relativePath\n              name\n              childImageSharp {\n                sizes(maxWidth: 240) {\n                  ...GatsbyImageSharpSizes\n                }\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={data => {\n      const image = data.images.edges.find(n => {\n        return n.node.relativePath.includes(props.filename)\n      })\n      if (!image) {\n        return null\n      }\n\n      const imageSizes = image.node.childImageSharp.sizes\n      return <S.ImageWrapper alt={props.alt} sizes={imageSizes} />\n    }}\n  />\n)\n\nexport default Image\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactGA from 'react-ga'\n\nimport Image from './Image'\nimport * as S from './styled'\n\nconst courseClickTrack = course => {\n  ReactGA.event({\n    category: 'cursos',\n    action: 'click',\n    label: `Link Curso - ${course}`\n  })\n}\n\nconst Course = ({ title, description, link, image }) => {\n  return (\n    <S.CourseLink href={link} onClick={() => courseClickTrack(title)}>\n      <S.CourseWrapper>\n        <Image filename={image} alt={title} />\n        <S.CourseInfo>\n          <S.CourseTitle>{title}</S.CourseTitle>\n          <S.CourseDescription>{description}</S.CourseDescription>\n        </S.CourseInfo>\n      </S.CourseWrapper>\n    </S.CourseLink>\n  )\n}\n\nCourse.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  image: PropTypes.string.isRequired\n}\n\nexport default Course\n","import React from 'react'\n\nimport Layout from '../components/Layout/'\nimport SEO from '../components/Seo'\nimport Course from '../components/Course'\nimport * as S from '../components/ListWrapper'\n\nconst coursesList = [\n  {\n    title: 'Criando um ambiente de Desenvolvimento no Windows',\n    image: 'curso-windows.png',\n    link:\n      'https://www.udemy.com/course/criando-um-ambiente-de-desenvolvimento-no-windows/',\n    description: 'Comece a desenvolver no Windows do jeito certo e sem erros!'\n  },\n  {\n    title: 'Gatsby: Crie um site PWA com React, GraphQL e Netlify CMS',\n    image: 'curso-gatsby.jpg',\n    link:\n      'https://www.udemy.com/course/gatsby-crie-um-site-pwa-com-react-graphql-e-netlify-cms/?couponCode=ESTUDEEMCASA',\n    description:\n      'Crie e coloque no ar um site extremamente rápido, utilizando boas práticas e as ferramentas mais utilizadas no mercado.'\n  },\n  {\n    title: 'Mini-curso de Netlify no Youtube',\n    image: 'netlify.png',\n    link:\n      'https://www.youtube.com/watch?v=a1cIjP1bueM&list=PLlAbYrWSYTiMGMxQf9JSoZUU1rgVpGPth',\n    description:\n      'Aprenda a botar seus projetos no ar de forma fácil e gratuita!'\n  },\n  {\n    title: 'Aprenda a criar sites animados com Greensock',\n    image: 'curso-greensock.png',\n    link:\n      'https://www.udemy.com/course/aprenda-a-criar-sites-animados-com-greensock/?couponCode=ESTUDEEMCASA',\n    description:\n      'Aprenda a criar animações complexas de um jeito muito fácil e divertido!'\n  },\n  {\n    title: 'Git e Github na Vida Real',\n    image: 'git-real-life.png',\n    link:\n      'https://www.udemy.com/course/git-e-github-na-vida-real/?couponCode=ESTUDEEMCASA',\n    description:\n      'Aprenda Workflows usados em empresa e domine o git para nunca mais ter problema nenhum!'\n  },\n  {\n    title: 'Curso JS com TDD na Prática',\n    image: 'js-tdd.png',\n    link:\n      'https://www.udemy.com/course/js-com-tdd-na-pratica/?couponCode=ESTUDEEMCASA',\n    description:\n      'Aprenda testes na prática e garanta um currículo melhor para o mercado.'\n  },\n  {\n    title: 'Aprendendo SVG do início ao avançado',\n    image: 'curso-svg.png',\n    link:\n      'https://www.udemy.com/course/aprendendo-svg-do-inicio-ao-avancado/?couponCode=ESTUDEEMCASA',\n    description:\n      'Se adiante e adquira um dos cursos mais completos de SVG totalmente em português.'\n  },\n  {\n    title: 'Git e Github para Iniciantes',\n    image: 'curso-git.jpg',\n    link: 'https://www.udemy.com/git-e-github-para-iniciantes/',\n    description:\n      'Tudo que você precisa para começar a versionar seus arquivos e contribuir com a comunidade opensource.'\n  }\n]\n\nconst CursosPage = () => (\n  <Layout>\n    <SEO\n      title=\"Cursos\"\n      description=\"Aprenda as mais diversas tecnologias em cursos separados em pequenos e completos módulos.\"\n      image=\"https://lhuria94.github.io/assets/img/cursos/cursos-bg.png\"\n    />\n    <S.ListWrapper>\n      {coursesList.map(({ title, description, link, image }, i) => (\n        <Course\n          key={i}\n          title={title}\n          description={description}\n          link={link}\n          image={image}\n        />\n      ))}\n    </S.ListWrapper>\n  </Layout>\n)\n\nexport default CursosPage\n"],"sourceRoot":""}