{"version":3,"sources":["webpack:///./src/layouts/index.tsx","webpack:///./src/pages/index.tsx"],"names":["IndexContainer","styled","div","IndexLayout","children","title","AvatorContainer","rhythm","pageQuery","IndexPage","data","name","site","siteMetadata","author","fixed","avatar","childImageSharp","alt","imgStyle","borderRadius","to","allMarkdownRemark","edges","map","node","key","fields","slug","frontmatter","date","size"],"mappings":"+NAKMA,EAAiBC,IAAOC,IAAV,0EAAGD,CAAH,4DAYLE,EANe,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,OAC5B,kBAAC,IAAD,CAAYC,MAAM,QAChB,kBAACL,EAAD,KAAiBI,K,wBCHfE,EAAkBL,IAAOC,IAAV,6EAAGD,CAAH,sEACHM,YAAO,KA8CZC,GAFEC,UAtCoC,SAAC,GAAa,IAAXC,EAAW,EAAXA,KAC5CC,EAASD,EAAKE,KAAKC,aAAaC,OAAhCH,KACR,OACE,kBAAC,EAAD,KACE,kBAACL,EAAD,KACE,kBAAC,IAAD,CAAOS,MAAOL,EAAKM,OAAOC,gBAAgBF,MAAOG,IAAKP,EAAMQ,SAAU,CAAEC,aAAc,UAExF,4BAAKT,GACL,0DACA,qCACA,4BACE,uDACA,2DACA,oDACA,+CAEF,oCACA,4BACE,4BACE,kBAAC,OAAD,CAAMU,GAAG,+BAAT,aAEF,4BACE,kBAAC,OAAD,CAAMA,GAAG,2BAAT,aAGJ,4CACA,4BACGX,EAAKY,kBAAkBC,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,KAAH,OAChC,wBAAIC,IAAKD,EAAKE,OAAOC,MACnB,+BAAQH,EAAKI,YAAYC,MAD3B,IACyC,kBAAC,OAAD,CAAMT,GAAII,EAAKE,OAAOC,MAAOH,EAAKI,YAAYxB,YAI3F,kBAAC,IAAD,CAAQ0B,KAAMxB,YAAO,OAOF","file":"component---src-pages-index-tsx-3afcb76058c0b8a25b92.js","sourcesContent":["import React from 'react';\n\nimport BaseLayout from './base';\nimport styled from 'styled-components';\n\nconst IndexContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst IndexLayout: React.FC = ({ children }) => (\n  <BaseLayout title=\"Home\">\n    <IndexContainer>{children}</IndexContainer>\n  </BaseLayout>\n);\n\nexport default IndexLayout;\n","import React from 'react';\nimport { PageProps, graphql, Link } from 'gatsby';\nimport Image from 'gatsby-image';\nimport styled from 'styled-components';\n\nimport IndexLayout from '../layouts';\nimport { IndexQuery } from '../../types/graphql-types';\nimport { rhythm } from '../utils/typography';\nimport Social from '../components/social';\n\nconst AvatorContainer = styled.div`\n  margin-right: ${rhythm(1 / 2)};\n  margin-bottom: 0;\n  min-width: 50;\n  border-radius: 100%;\n`;\n\nconst IndexPage: React.FC<PageProps<IndexQuery>> = ({ data }) => {\n  const { name } = data.site.siteMetadata.author;\n  return (\n    <IndexLayout>\n      <AvatorContainer>\n        <Image fixed={data.avatar.childImageSharp.fixed} alt={name} imgStyle={{ borderRadius: '50%' }} />\n      </AvatorContainer>\n      <h1>{name}</h1>\n      <p>Web Developer / AI Engineer</p>\n      <h2>Skill</h2>\n      <ul>\n        <li>Typescript / Javascript</li>\n        <li>Python (Tensorflow / Keras)</li>\n        <li>Serverless Framework</li>\n        <li>React / Gatsby</li>\n      </ul>\n      <h2>Work</h2>\n      <ul>\n        <li>\n          <Link to=\"https://werewolf.nnshun.com\">Werewolf</Link>\n        </li>\n        <li>\n          <Link to=\"https://omamori-inc.com\">Omamori</Link>\n        </li>\n      </ul>\n      <h2>Recent Posts</h2>\n      <ul>\n        {data.allMarkdownRemark.edges.map(({ node }) => (\n          <li key={node.fields.slug}>\n            <small>{node.frontmatter.date}</small> <Link to={node.fields.slug}>{node.frontmatter.title}</Link>\n          </li>\n        ))}\n      </ul>\n      <Social size={rhythm(2)} />\n    </IndexLayout>\n  );\n};\n\nexport default IndexPage;\n\nexport const pageQuery = graphql`\n  query Index {\n    avatar: file(relativePath: { eq: \"images/profile2.jpg\" }) {\n      childImageSharp {\n        fixed(width: 200, height: 200) {\n          ...GatsbyImageSharpFixed\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        author {\n          name\n        }\n      }\n    }\n    allMarkdownRemark(limit: 5, sort: { fields: frontmatter___date, order: DESC }) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            date(formatString: \"MM/DD/YYYY\")\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}