-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---node-modules-narative-gatsby-theme-novela-src-templates-author-template-tsx-abe024cf32c9815c3bac.js.map
1 lines (1 loc) · 6.97 KB
/
component---node-modules-narative-gatsby-theme-novela-src-templates-author-template-tsx-abe024cf32c9815c3bac.js.map
1
{"version":3,"sources":["webpack:///./node_modules/@narative/gatsby-theme-novela/src/sections/author/Author.Hero.tsx","webpack:///./node_modules/@narative/gatsby-theme-novela/src/sections/author/Author.Articles.tsx","webpack:///./node_modules/@narative/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","AuthorsGradient","ArticlesPage","location","pageContext","additionalContext","group","Layout","SEO","pathname","title","description","Section","narrow","AuthorPaginator","gradient","colorModeTransition"],"mappings":"ozBAcA,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,SAgBXD,IAAaE,QAhBF,MAuBTpB,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,SAUTD,IAAaE,QAVJ,MAcPd,EAAa,iBAAH,oBAAG,CAAH,wCAGL,SAAAQ,GAAC,OAAIA,EAAEC,MAAMC,OAAOS,OAHf,gCAKC,SAAAX,GAAC,OAAIA,EAAEC,MAAMO,MAAMC,YALpB,sCASZL,IAAaE,QATD,MAcVV,EAAS,mBAAH,oBAAG,CAAH,mDAKRQ,IAAaE,QALL,M,iOCpFZ,IAQeM,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,SAezBb,IAAac,QAfY,MCgBvBC,GAFSC,UAvBgB,SAAC,GAA8B,IAA5BC,EAA4B,EAA5BA,SAAUC,EAAkB,EAAlBA,YACpCvC,EAASuC,EAAYC,kBAAkBxC,OACvC8B,EAAWS,EAAYE,MAE7B,OACE,cAACC,EAAA,EAAD,KACE,cAACC,EAAA,EAAD,CACEC,SAAUN,EAASM,SACnBC,MAAO7C,EAAOQ,KACdsC,YAAa9C,EAAOY,MAEtB,cAACmC,EAAA,EAAD,CAASC,QAAM,GACb,cAAC,EAAD,CAAYhD,OAAQA,IACpB,cAAC,EAAD,CAAgB8B,SAAUA,IAC1B,cAACmB,EAAD,KACE,cAAC,IAAcV,KAGnB,cAACH,EAAD,QAOkB,mBAAH,oBAAG,CAAH,uGAQL,SAAAnB,GAAC,OAAIA,EAAEC,MAAMC,OAAO+B,WARf,gBASL,SAAAjC,GAAC,OAAIA,EAAEC,MAAMiC,sBATR,MAYfF,EAAkB,mBAAH,oBAAG,CAAH","file":"component---node-modules-narative-gatsby-theme-novela-src-templates-author-template-tsx-abe024cf32c9815c3bac.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":""}