{"version":3,"file":"component---src-templates-index-js-3299caa38fbc74a4d0f0.js","mappings":"2ZAEWA,G,QAAW,iCACXC,EAAW,gCACXC,EAAiB,sCACjBC,EAAe,oCACfC,EAAS,8BAETC,EAAM,2BC6BjB,EA7Bc,WACZ,OACE,uBAAKC,UAAWC,GACd,uBAAKD,UAAWC,GAChB,2CACA,yBAAI,wBAAMD,UAAWC,GAAjB,kBAAJ,QAA6D,wBAAMD,UAAWC,GAAjB,uBAAyD,4BACtH,6CACA,uBAAKD,UAAWC,EAAAA,UAChB,uBAAKD,UAAWC,GAAW,qBAAGC,KAAK,SAAQ,wBAAMF,UAAWC,GAAjB,KAAhB,gBAC3B,uBAAKD,UAAWC,GAChB,gBAAC,EAAAE,KAAD,CAAMC,GAAG,UAAT,iBACgB,wBAAMJ,UAAWC,GAAjB,QAIhB,uBAAKD,UAAWC,EAAAA,YCuBtB,G,QAtCiB,SAAC,GAMX,IALLI,EAKI,EALJA,WACAC,EAII,EAJJA,MACAC,EAGI,EAHJA,KAGI,EAFJC,KAEI,EADJC,KAEA,OACI,uBAAKT,UCVO,gCDWRU,GAAG,QACL,uBAAKV,UCXY,wCDYdK,GACC,gBAAC,EAAAF,KAAD,CAAMC,GAAIG,GACV,gBAAC,IAAD,CACEI,MAAK,iBAAMN,EAAWO,gBAAgBD,MAAjC,CAAwCE,YAAa,EAAE,IAC5Db,UCtBU,wCDwBZ,uBAAKA,UCvBE,oCDyBT,sBAAIA,UChBK,kCDiBP,gBAAC,EAAAG,KAAD,CAAMC,GAAIG,GACR,4BAAOD,GACP,wBAAMN,UC1BE,qCD0BR,WEiEd,G,QAlFc,SAAC,GAA+D,IAA7Dc,EAA4D,EAA5DA,KAA4D,IAAtDC,YAESC,GAF6C,EAAvCC,aAAuC,EAAzBC,iBAG9CJ,EADFK,kBAAqBC,OAGvB,OACE,gCACE,gBAAC,IAAD,MACA,gBAAC,IAAD,KACA,gBAAC,EAAD,MACA,uBAAKpB,UDpBc,wCCqBhBgB,EAAMK,KAAI,YAAe,IAAZC,EAAW,EAAXA,KAEVZ,EASEY,EATFZ,GADF,EAUIY,EARFC,YACEjB,EAHJ,EAGIA,MAEAC,GALJ,EAIIiB,KAJJ,EAKIjB,MAEAF,GAPJ,EAMIoB,OANJ,EAOIpB,YACAG,EARJ,EAQIA,KAIJ,OACI,gBAAC,EAAD,CACEkB,IAAKhB,EACLJ,MAAO,gBAAC,EAAAH,KAAD,CAAMC,GAAIG,GAAOD,GACxBC,KAAMA,EACNF,WAAYA,EACZG,KAAMA","sources":["webpack://gatsby-starter-hello-friend/./src/styles/intro.module.css","webpack://gatsby-starter-hello-friend/./src/components/intro.js","webpack://gatsby-starter-hello-friend/./src/components/post-grid.js","webpack://gatsby-starter-hello-friend/./src/styles/post-grid.module.css","webpack://gatsby-starter-hello-friend/./src/templates/index.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var coverImage = \"intro-module--coverImage--gfZJI\";\nexport var iconDown = \"intro-module--iconDown--Bq0uo\";\nexport var iconNext = \"intro-module--iconNext--OaIGU\";\nexport var introContainer = \"intro-module--introContainer--8yAWZ\";\nexport var introContent = \"intro-module--introContent--AWjo0\";\nexport var italic = \"intro-module--italic--Z8dzC\";\nexport var meta = \"intro-module--meta--S85Hk\";\nexport var nav = \"intro-module--nav--dewzS\";\nexport var postContent = \"intro-module--postContent--ToMOU\";\nexport var readMore = \"intro-module--readMore--ozwxJ\";\nexport var tag = \"intro-module--tag--h8i-o\";\nexport var tags = \"intro-module--tags--MjnV+\";\nexport var title = \"intro-module--title--ql7LP\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport Img from 'gatsby-image'\nimport { toKebabCase } from '../helpers'\n\nimport * as style from '../styles/intro.module.css'\n\nconst Intro = () => {\n  return (\n    <div className={style.introContainer}>\n      <div className={style.introContent}>\n      <h1>Hi, I'm Tina,</h1>\n      <p ><span className={style.italic}>User Interface</span> and <span className={style.italic}>Experience Designer</span><br /></p>\n      <p >based in Berlin.</p>\n      <div className={style.introNav}>\n      <div className={style.nav}><a href=\"#work\"><span className={style.iconDown}>↓</span>See my work</a></div>\n      <div className={style.nav}>\n      <Link to=\"/about\">\n        Learn about me<span className={style.iconNext}>→</span>\n      </Link >\n      </div>\n      </div>\n      <div className={style.cursor}></div>\n      </div>\n    </div>\n  )\n}\n\nIntro.propTypes = {\n  title: PropTypes.string,\n  path: PropTypes.string,\n  coverImage: PropTypes.object,\n  html: PropTypes.string,\n  tags: PropTypes.arrayOf(PropTypes.string),\n}\n\nexport default Intro\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport Img from 'gatsby-image'\nimport { toKebabCase } from '../helpers'\n\nimport * as style from '../styles/post-grid.module.css'\n\nconst PostGrid = ({\n  coverImage,\n  title,\n  path,\n  tags,\n  html,\n}) => {\n  return (\n      <div className={style.post}\n          id='work'>\n        <div className={style.postContent}>\n          {coverImage && (\n            <Link to={path}>\n            <Img\n              fluid={{...coverImage.childImageSharp.fluid, aspectRatio: 4/3}}\n              className={style.coverImage}\n            />\n            <div className={style.fader}></div>\n            </Link> )}\n          <h1 className={style.title}>\n            <Link to={path}>\n              <span>{title}</span>\n              <span className={style.iconNext}>→</span>\n            </Link>\n          </h1>\n          </div>\n    </div>\n  )\n}\n\nPostGrid.propTypes = {\n  title: PropTypes.string,\n  path: PropTypes.string,\n  coverImage: PropTypes.object,\n  html: PropTypes.string,\n  tags: PropTypes.arrayOf(PropTypes.string),\n}\n\nexport default PostGrid\n","// extracted by mini-css-extract-plugin\nexport var coverImage = \"post-grid-module--coverImage--BoxQT\";\nexport var fader = \"post-grid-module--fader--M-96+\";\nexport var gridWrapper = \"post-grid-module--gridWrapper--aFZwk\";\nexport var iconNext = \"post-grid-module--iconNext--x3F93\";\nexport var meta = \"post-grid-module--meta--CaSmQ\";\nexport var post = \"post-grid-module--post--mEtaS\";\nexport var postContent = \"post-grid-module--postContent---WrlM\";\nexport var readMore = \"post-grid-module--readMore--f5QW1\";\nexport var tag = \"post-grid-module--tag--khHeb\";\nexport var tags = \"post-grid-module--tags--YQDUF\";\nexport var title = \"post-grid-module--title---psl8\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport SEO from '../components/seo'\nimport Layout from '../components/layout'\nimport Intro from '../components/intro'\nimport Post from '../components/post'\nimport PostGrid from '../components/post-grid'\nimport Navigation from '../components/navigation'\nimport { Link } from 'gatsby'\n\nimport * as style from '../styles/post-grid.module.css'\n\nconst Index = ({ data, pageContext: { nextPagePath, previousPagePath } }) => {\n  const {\n    allMarkdownRemark: { edges: posts },\n  } = data\n\n  return (\n    <>\n      <SEO />\n      <Layout>\n      <Intro />\n      <div className={style.gridWrapper}>\n        {posts.map(({ node }) => {\n          const {\n            id,\n            frontmatter: {\n              title,\n              date,\n              path,\n              author,\n              coverImage,\n              tags,\n            },\n          } = node\n\n          return (\n              <PostGrid\n                key={id}\n                title={<Link to={path}>{title}</Link>}\n                path={path}\n                coverImage={coverImage}\n                tags={tags} >\n              </PostGrid>\n\n          )\n        })}\n        </div>\n      </Layout>\n    </>\n  )\n}\n\nIndex.propTypes = {\n  data: PropTypes.object.isRequired,\n  pageContext: PropTypes.shape({\n    nextPagePath: PropTypes.string,\n    previousPagePath: PropTypes.string,\n  }),\n}\n\nexport const postsQuery = graphql`\n  query($limit: Int!, $skip: Int!) {\n    allMarkdownRemark(\n      filter: { fileAbsolutePath: { regex: \"//posts//\" } }\n      sort: { fields: [frontmatter___date], order: DESC }\n      limit: $limit\n      skip: $skip\n    ) {\n      edges {\n        node {\n          id\n          excerpt\n          frontmatter {\n            title\n            # date(formatString: \"DD MMMM YYYY\")\n            path\n            author\n            excerpt\n            tags\n            coverImage {\n              childImageSharp {\n                fluid(maxWidth: 800) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default Index\n"],"names":["iconDown","iconNext","introContainer","introContent","italic","nav","className","style","href","Link","to","coverImage","title","path","tags","html","id","fluid","childImageSharp","aspectRatio","data","pageContext","posts","nextPagePath","previousPagePath","allMarkdownRemark","edges","map","node","frontmatter","date","author","key"],"sourceRoot":""}