-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcomponent---src-pages-blog-js-a337a3590d4eebb93935.js.map
1 lines (1 loc) · 4.85 KB
/
component---src-pages-blog-js-a337a3590d4eebb93935.js.map
1
{"version":3,"sources":["webpack:///./src/pages/blog.js"],"names":["BlogPage","render","posts","this","props","data","allMarkdownRemark","edges","title","className","map","node","frontmatter","fields","slug","to","style","textDecoration","key","dangerouslySetInnerHTML","__html","description","excerpt","duration","date","featuredImage","childImageSharp","fluid","alt","src","React","Component"],"mappings":"+OAWMA,G,4GACFC,OAAA,WACI,IACMC,EADWC,KAAKC,MAAdC,KACWC,kBAAkBC,MAErC,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAMC,MAAQ,SAEd,kBAAC,IAAD,KACI,wBAAIC,UAAU,aAAd,kBAKJ,yBAAKA,UAAU,eAEPP,EAAMQ,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACHH,EAAQG,EAAKC,YAAYJ,OAASG,EAAKE,OAAOC,KAEpD,OACI,kBAAC,OAAD,CAAMC,GAAIJ,EAAKE,OAAOC,KAClBE,MAAO,CAAEC,eAAe,SAExB,6BAASC,IAAKP,EAAKE,OAAOC,KAAML,UAAU,eAEtC,yBAAKA,UAAU,gBACX,4BAAKD,GACL,uBACIW,wBAAyB,CACrBC,OAAQT,EAAKC,YAAYS,aAAeV,EAAKW,WAGrD,+BAAQX,EAAKC,YAAYW,UAAiB,6BAC1C,+BAAQZ,EAAKC,YAAYY,OAG7B,yBAAKf,UAAU,aACRE,EAAKC,YAAYa,eAAmBd,EAAKC,YAAYa,cAAcC,gBAChE,kBAAC,IAAD,CAAKC,MAAOhB,EAAKC,YAAYa,cAAcC,gBAAgBC,MAC7DC,IAAK,aACH,yBAAKC,IAAKlB,EAAKC,YAAYa,cAAeG,IAAK,sB,GAzC1EE,IAAMC,YA0Dd/B","file":"component---src-pages-blog-js-a337a3590d4eebb93935.js","sourcesContent":["import React from 'react'\n\nimport Container from '../components/container'\nimport Head from '../components/head'\nimport Fade from 'react-reveal/Fade'\nimport { Link } from 'gatsby'\nimport { graphql } from 'gatsby'\nimport Img from 'gatsby-image'\n\nimport '../styles/blog.css'\n\nclass BlogPage extends React.Component {\n render() {\n const { data } = this.props\n const posts = data.allMarkdownRemark.edges\n\n return(\n <Container>\n <Head title = \"Blog\"/>\n\n <Fade>\n <h2 className=\"blogTitle\">\n Create. Blog.\n </h2>\n </Fade>\n\n <div className=\"articlePost\">\n {\n posts.map(({ node }) => {\n const title = node.frontmatter.title || node.fields.slug\n\n return (\n <Link to={node.fields.slug}\n style={{ textDecoration:\"none\" }}>\n\n <article key={node.fields.slug} className=\"articleCont\">\n\n <div className=\"articleAbout\">\n <h3>{title}</h3>\n <p\n dangerouslySetInnerHTML={{\n __html: node.frontmatter.description || node.excerpt,\n }}\n />\n <small>{node.frontmatter.duration}</small><br/>\n <small>{node.frontmatter.date}</small> \n </div>\n \n <div className=\"imgContBL\">\n {!!node.frontmatter.featuredImage && !!node.frontmatter.featuredImage.childImageSharp\n ? <Img fluid={node.frontmatter.featuredImage.childImageSharp.fluid}\n alt={\"Featured\"} />\n : <img src={node.frontmatter.featuredImage} alt={\"Featured\"} />\n }\n </div>\n\n </article>\n \n </Link>\n )\n })\n }\n </div>\n\n </Container>\n )\n }\n}\n\nexport default BlogPage\n\nexport const postsQuery = graphql`\n query {\n allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n edges {\n node {\n excerpt\n fields {\n slug\n }\n frontmatter {\n date(formatString: \"MMMM DD, YYYY\")\n title\n description\n duration\n caption\n featuredImage {\n childImageSharp {\n fluid(maxWidth: 520) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n }\n }\n }\n }\n`"],"sourceRoot":""}