{"version":3,"file":"component---node-modules-gatsby-theme-portfolio-minimal-src-templates-article-index-tsx-ba3f487ad095142d0a00.js","mappings":"iRAKO,SAASA,IACZ,OAAgCC,EAAAA,EAAAA,KAAxBC,EAAR,EAAQA,OAAQC,EAAhB,EAAgBA,OAAQC,EAAxB,EAAwBA,IACxB,OACI,uBAAKC,UCPc,sCDQf,gBAAC,EAAAC,EAAD,CAAaC,MAAOJ,EAAOK,gBAAgBC,gBAAiBC,IAAKR,EAAQG,UCPjE,gCDQR,uBAAKA,UCPQ,oCDQT,wBAAMA,UCPC,kCDOP,cACe,yBAAIH,IAEnB,qBAAGG,UCTF,4BDS2BD,KEE7B,SAASO,EAAgBC,GACpC,IAAMC,EAAUD,EAAME,YAAYD,QAClC,OACI,gCACI,gBAACE,EAAA,EAAD,CAAKC,MAAOH,EAAQG,MAAOC,YAAaJ,EAAQI,kBAAeC,EAAWC,kBAAkB,IAC5F,gBAACC,EAAA,EAAD,KACI,2BAASf,UCnBJ,gCDoBD,uBAAKA,UCtBD,mCDuBA,gBAAC,EAAAgB,KAAD,CAAMC,GAAIV,EAAME,YAAYS,gBAAiBP,MAAM,2BAC/C,wBAAMX,UCvBX,kCDuBK,KADJ,iBAKJ,2BAASA,UCzBT,+BD0BI,wBAAMA,UCtBR,iCDsBsCQ,EAAQW,WAAWC,KAAK,QAC5D,0BAAKZ,EAAQG,OACb,uBAAKX,UCvBR,gCDwBQQ,EAAQa,KACT,wBAAMrB,UCxBT,oCDwB0CQ,EAAQc,YAAYC,QAGlEf,EAAQgB,QAAUhB,EAAQgB,OAAOC,KAC9B,2BAASzB,UCjCb,+BDkCQ,gBAAC,EAAAC,EAAD,CACIC,MAAOM,EAAQgB,OAAOC,IAAItB,gBAAgBC,gBAC1CC,IAAKG,EAAQgB,OAAOnB,KAAf,aAAmCG,EAAQG,MAChDe,aC/BP,qCDiCIlB,EAAQgB,OAAOG,SACZ,wBACI3B,UClCT,qCDmCS4B,wBAAyB,CAAEC,OAAQrB,EAAQgB,OAAOG,YAKlE,2BAAS3B,UC9CX,6BD+CM,uBAAKA,UCxCR,+BDwCoC4B,wBAAyB,CAAEC,OAAQrB,EAAQsB,QAC3EtB,EAAQuB,UACLvB,EAAQuB,SAASC,KAAI,SAACC,EAASC,GAC3B,OACI,wBAAMA,IAAKA,EAAKlC,UC3C/B,gCD4CoBiC,OAKrB,2BAASjC,UCxDT,+BDyDI,gBAAC,EAAD","sources":["webpack://gatsby-starter-portfolio-minimal-theme/./node_modules/gatsby-theme-portfolio-minimal/src/components/AuthorSnippet/index.tsx","webpack://gatsby-starter-portfolio-minimal-theme/./node_modules/gatsby-theme-portfolio-minimal/src/components/AuthorSnippet/style.module.css","webpack://gatsby-starter-portfolio-minimal-theme/./node_modules/gatsby-theme-portfolio-minimal/src/templates/Article/index.tsx","webpack://gatsby-starter-portfolio-minimal-theme/./node_modules/gatsby-theme-portfolio-minimal/src/templates/Article/style.module.css"],"sourcesContent":["import React from 'react';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { useSiteMetadata } from '../../hooks/useSiteMetadata';\nimport * as classes from './style.module.css';\n\nexport function AuthorSnippet(): React.ReactElement {\n    const { author, avatar, bio } = useSiteMetadata();\n    return (\n        <div className={classes.AuthorSnippet}>\n            <GatsbyImage image={avatar.childImageSharp.gatsbyImageData} alt={author} className={classes.Avatar} />\n            <div className={classes.Description}>\n                <span className={classes.WrittenBy}>\n                    Written By <u>{author}</u>\n                </span>\n                <p className={classes.Bio}>{bio}</p>\n            </div>\n        </div>\n    );\n}\n","// extracted by mini-css-extract-plugin\nexport var AuthorSnippet = \"style-module--AuthorSnippet--fHN99\";\nexport var Avatar = \"style-module--Avatar--HiziA\";\nexport var Description = \"style-module--Description--G71wk\";\nexport var WrittenBy = \"style-module--WrittenBy--GBoAA\";\nexport var Bio = \"style-module--Bio--L9jdK\";","import React from 'react';\nimport { Link } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { Page } from '../../components/Page';\nimport { Seo } from '../../components/Seo';\nimport { AuthorSnippet } from '../../components/AuthorSnippet';\nimport { ArticleTemplateData } from './data';\nimport * as classes from './style.module.css';\n\ninterface ArticleTemplateProps {\n    pageContext: {\n        article: ArticleTemplateData;\n        listingPagePath: string;\n    };\n}\n\nexport default function ArticleTemplate(props: ArticleTemplateProps): React.ReactElement {\n    const article = props.pageContext.article;\n    return (\n        <>\n            <Seo title={article.title} description={article.description || undefined} useTitleTemplate={true} />\n            <Page>\n                <article className={classes.Article}>\n                    <div className={classes.Breadcrumb}>\n                        <Link to={props.pageContext.listingPagePath} title=\"Back To Article Listing\">\n                            <span className={classes.BackArrow}>&#10094;</span>\n                            All Articles\n                        </Link>\n                    </div>\n                    <section className={classes.Header}>\n                        <span className={classes.Category}>{article.categories.join(' / ')}</span>\n                        <h1>{article.title}</h1>\n                        <div className={classes.Details}>\n                            {article.date}\n                            <span className={classes.ReadingTime}>{article.readingTime.text}</span>\n                        </div>\n                    </section>\n                    {article.banner && article.banner.src && (\n                        <section className={classes.Banner}>\n                            <GatsbyImage\n                                image={article.banner.src.childImageSharp.gatsbyImageData}\n                                alt={article.banner.alt || `Image for ${article.title}`}\n                                imgClassName={classes.BannerImage}\n                            />\n                            {article.banner.caption && (\n                                <span\n                                    className={classes.BannerCaption}\n                                    dangerouslySetInnerHTML={{ __html: article.banner.caption }}\n                                />\n                            )}\n                        </section>\n                    )}\n                    <section className={classes.Body}>\n                        <div className={classes.Content} dangerouslySetInnerHTML={{ __html: article.body }} />\n                        {article.keywords &&\n                            article.keywords.map((keyword, key) => {\n                                return (\n                                    <span key={key} className={classes.Keyword}>\n                                        {keyword}\n                                    </span>\n                                );\n                            })}\n                    </section>\n                    <section className={classes.Footer}>\n                        <AuthorSnippet />\n                    </section>\n                </article>\n            </Page>\n        </>\n    );\n}\n","// extracted by mini-css-extract-plugin\nexport var Breadcrumb = \"style-module--Breadcrumb--FUh7R\";\nexport var BackArrow = \"style-module--BackArrow--92zoa\";\nexport var Article = \"style-module--Article--pFdyf\";\nexport var Header = \"style-module--Header--H6-D9\";\nexport var Banner = \"style-module--Banner--y9rID\";\nexport var Body = \"style-module--Body--nax22\";\nexport var Footer = \"style-module--Footer--1Aj9z\";\nexport var Category = \"style-module--Category--1CoYz\";\nexport var Details = \"style-module--Details--kmdiu\";\nexport var ReadingTime = \"style-module--ReadingTime--RSBki\";\nexport var BannerImage = \"style-module--BannerImage--ccjd3\";\nexport var BannerCaption = \"style-module--BannerCaption--VRhK6\";\nexport var Content = \"style-module--Content--pkA2h\";\nexport var Keyword = \"style-module--Keyword--miw0l\";"],"names":["AuthorSnippet","useSiteMetadata","author","avatar","bio","className","G","image","childImageSharp","gatsbyImageData","alt","ArticleTemplate","props","article","pageContext","Seo","title","description","undefined","useTitleTemplate","Page","Link","to","listingPagePath","categories","join","date","readingTime","text","banner","src","imgClassName","caption","dangerouslySetInnerHTML","__html","body","keywords","map","keyword","key"],"sourceRoot":""}