{"version":3,"sources":["webpack:///./node_modules/@zahradnik-io/gatsby-theme-novela/src/sections/author/Author.Hero.tsx","webpack:///./node_modules/@zahradnik-io/gatsby-theme-novela/src/sections/author/Author.Articles.tsx","webpack:///./node_modules/@zahradnik-io/gatsby-theme-novela/src/templates/author.template.tsx"],"names":["AuthorHero","author","Hero","HeroImage","RoundedImage","src","avatar","large","Heading","name","Subheading","dangerouslySetInnerHTML","__html","bio","Social","SocialLinks","links","social","p","theme","colors","background","mediaqueries","tablet","phablet","Image","fonts","sansSerif","primary","grey","AuthorArticles","articles","AuthorArticlesContainer","alwaysShowAllDetails","card","desktop_medium","desktop","ArticlesPage","location","pageContext","additionalContext","group","Layout","SEO","pathname","title","description","Section","narrow","AuthorPaginator","AuthorsGradient","gradient","colorModeTransition"],"mappings":"uPAcA,I,IAeeA,EAf+B,SAAC,GAAe,IAAbC,EAAa,EAAbA,OAC/C,OACE,cAACC,EAAD,KACE,cAACC,EAAD,KACE,cAACC,EAAD,CAAcC,IAAKJ,EAAOK,OAAOC,SAEnC,cAACC,EAAD,KAAUP,EAAOQ,MACjB,cAACC,EAAD,CAAYC,wBAAyB,CAACC,OAAQX,EAAOY,OACrD,cAACC,EAAD,KACE,cAACC,EAAA,EAAD,CAAaC,MAAOf,EAAOgB,YAQ7Bf,EAAO,mBAAH,oBAAG,CAAH,4JAUJC,EAAY,mBAAH,oBAAG,CAAH,+HAQO,SAAAe,GAAC,OAAIA,EAAEC,MAAMC,OAAOC,aAR3B,uDAWXC,IAAaC,OAXF,yEAgBXD,IAAaE,QAhBF,mGAuBTpB,EAAe,YAAOqB,IAAP,sBAAH,6CAIZjB,EAAU,kBAAH,oBAAG,CAAH,+BAEI,SAAAU,GAAC,OAAIA,EAAEC,MAAMO,MAAMC,YAFvB,WAGF,SAAAT,GAAC,OAAIA,EAAEC,MAAMC,OAAOQ,UAHlB,uCAOTN,IAAaC,OAPJ,kCAUTD,IAAaE,QAVJ,kCAcPd,EAAa,iBAAH,oBAAG,CAAH,wCAGL,SAAAQ,GAAC,OAAIA,EAAEC,MAAMC,OAAOS,OAHf,gCAKC,SAAAX,GAAC,OAAIA,EAAEC,MAAMO,MAAMC,YALpB,sCASZL,IAAaE,QATD,wDAcVV,EAAS,mBAAH,oBAAG,CAAH,mDAKRQ,IAAaE,QALL,wD,YC5EGM,EARuC,SAAC,GAAiB,IAAfC,EAAe,EAAfA,SACvD,OACE,cAACC,EAAD,KACE,cAAC,IAAD,CAAcD,SAAUA,EAAUE,sBAAoB,MAOtDD,EAA0B,mBAAH,mBAAG,CAAH,uCAGvB,SAAAd,GAAC,OAAIA,EAAEC,MAAMC,OAAOc,OAHG,oGAWzBZ,IAAaa,eAXY,sDAezBb,IAAac,QAfY,iFCcdC,UAvBgB,SAAC,GAA8B,IAA5BC,EAA4B,EAA5BA,SAAUC,EAAkB,EAAlBA,YACpCtC,EAASsC,EAAYC,kBAAkBvC,OACvC8B,EAAWQ,EAAYE,MAE7B,OACE,cAACC,EAAA,EAAD,KACE,cAACC,EAAA,EAAD,CACEC,SAAUN,EAASM,SACnBC,MAAO5C,EAAOQ,KACdqC,YAAa7C,EAAOY,MAEtB,cAACkC,EAAA,EAAD,CAASC,QAAM,GACb,cAAC,EAAD,CAAY/C,OAAQA,IACpB,cAAC,EAAD,CAAgB8B,SAAUA,IAC1B,cAACkB,EAAD,KACE,cAAC,IAAcV,KAGnB,cAACW,EAAD,QAlBN,IAyBMA,EAAkB,mBAAH,oBAAG,CAAH,uGAQL,SAAAhC,GAAC,OAAIA,EAAEC,MAAMC,OAAO+B,WARf,gBASL,SAAAjC,GAAC,OAAIA,EAAEC,MAAMiC,sBATR,KAYfH,EAAkB,mBAAH,oBAAG,CAAH","file":"component---node-modules-zahradnik-io-gatsby-theme-novela-src-templates-author-template-tsx-3391ca91b9f0643178b3.js","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport Image from \"@components/Image\";\n\nimport mediaqueries from \"@styles/media\";\nimport { IAuthor } from \"@types\";\n\nimport SocialLinks from \"@components/SocialLinks\";\n\ninterface AuthorHeroProps {\n  author: IAuthor;\n}\n\nconst AuthorHero: React.FC<AuthorHeroProps> = ({ author }) => {\n  return (\n    <Hero>\n      <HeroImage>\n        <RoundedImage src={author.avatar.large} />\n      </HeroImage>\n      <Heading>{author.name}</Heading>\n      <Subheading dangerouslySetInnerHTML={{__html: author.bio}}></Subheading>\n      <Social>\n        <SocialLinks links={author.social} />\n      </Social>\n    </Hero>\n  );\n};\n\nexport default AuthorHero;\n\nconst Hero = styled.div`\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 35px auto 110px;\n`;\n\nconst HeroImage = styled.div`\n  position: relative;\n  z-index: 1;\n  height: 164px;\n  width: 164px;\n  margin-bottom: 35px;\n  border-radius: 50%;\n  overflow: hidden;\n  border: 2px solid ${p => p.theme.colors.background};\n  box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15);\n\n  ${mediaqueries.tablet`\n    width: 146px;\n    height: 146px;\n  `}\n\n  ${mediaqueries.phablet`\n    width: 136px;\n    height: 136px;\n    margin-bottom: 25px;\n  `}\n`;\n\nconst RoundedImage = styled(Image)`\n  border-radius: 50%;\n`;\n\nconst Heading = styled.h1`\n  font-size: 38px;\n  font-family: ${p => p.theme.fonts.sansSerif};\n  color: ${p => p.theme.colors.primary};\n  margin-bottom: 15px;\n  font-weight: 600;\n\n  ${mediaqueries.tablet`\n  `}\n\n  ${mediaqueries.phablet`\n  `}\n`;\n\nconst Subheading = styled.p`\n  margin: 0 auto;\n  max-width: 450px;\n  color: ${p => p.theme.colors.grey};\n  font-size: 18px;\n  font-family: ${p => p.theme.fonts.sansSerif};\n  line-height: 1.4;\n  text-align: center;\n\n  ${mediaqueries.phablet`\n    font-size: 14px;\n  `}\n`;\n\nconst Social = styled.div`\n  display: flex;\n  align-items: center;\n  margin-top: 35px;\n\n  ${mediaqueries.phablet`\n    font-size: 14px;\n  `}\n`;\n","import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport mediaqueries from \"@styles/media\";\nimport { IArticle } from \"@types\";\n\nimport ArticlesList from \"../articles/Articles.List\";\n\ninterface AuthorArticlesProps {\n  articles: IArticle[];\n}\n\nconst AuthorArticles: React.FC<AuthorArticlesProps> = ({ articles }) => {\n  return (\n    <AuthorArticlesContainer>\n      <ArticlesList articles={articles} alwaysShowAllDetails />\n    </AuthorArticlesContainer>\n  );\n};\n\nexport default AuthorArticles;\n\nconst AuthorArticlesContainer = styled.div`\n  background: linear-gradient(\n    180deg,\n    ${p => p.theme.colors.card} 0%,\n    rgba(249, 250, 252, 0) 91.01%\n  );\n  border-radius: 8px;\n  padding: 88px 98px;\n  position: relative;\n  z-index: 1;\n\n  ${mediaqueries.desktop_medium`\n    padding: 80px;\n  `}\n\n  ${mediaqueries.desktop`\n    padding: 0;\n    background: transparent;\n  `}\n`;\n","import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport Section from \"@components/Section\";\nimport SEO from \"@components/SEO\";\nimport Layout from \"@components/Layout\";\nimport Paginator from \"@components/Navigation/Navigation.Paginator\";\n\nimport AuthorHero from \"../sections/author/Author.Hero\";\nimport AuthorArticles from \"../sections/author/Author.Articles\";\n\nimport { Template } from \"@types\";\n\nconst ArticlesPage: Template = ({ location, pageContext }) => {\n  const author = pageContext.additionalContext.author;\n  const articles = pageContext.group;\n\n  return (\n    <Layout>\n      <SEO\n        pathname={location.pathname}\n        title={author.name}\n        description={author.bio}\n      />\n      <Section narrow>\n        <AuthorHero author={author} />\n        <AuthorArticles articles={articles} />\n        <AuthorPaginator>\n          <Paginator {...pageContext} />\n        </AuthorPaginator>\n      </Section>\n      <AuthorsGradient />\n    </Layout>\n  );\n}\n\nexport default ArticlesPage;\n\nconst AuthorsGradient = styled.div`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 590px;\n  z-index: 0;\n  pointer-events: none;\n  background: ${p => p.theme.colors.gradient};\n  transition: ${p => p.theme.colorModeTransition};\n`;\n\nconst AuthorPaginator = styled.div`\n  text-align: center;\n`;\n"],"sourceRoot":""}