{"version":3,"sources":["webpack:///./src/components/Hero.js","webpack:///./src/pages/blog/index.js","webpack:///./src/components/BlogRoll.js"],"names":["Hero","size","title","subtitle","image","signup","cta","link","className","href","to","imageInfo","BlogIndexPage","allMarkdownRemark","edges","node","frontmatter","featuredImage","excerpt","slug","fields","BlogRoll","posts","multiline","map","post","key","id","featuredpost","featuredimage","alt","date"],"mappings":"wJAoDeA,IAhDF,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,MAAOC,EAAhB,EAAgBA,SAAUC,EAA1B,EAA0BA,MAAOC,EAAjC,EAAiCA,OAAQC,EAAzC,EAAyCA,IAAKC,EAA9C,EAA8CA,KAA9C,OACZ,6BAASC,UAAS,WAAaP,GAC9B,yBAAKO,UAAU,aACd,yBAAKA,UAAU,aACd,yBAAKA,UAAU,wBACd,yBAAKA,UAAU,wBACd,yBAAKA,UAAU,yBACd,wBAAIA,UAAU,kDAAkDN,GAChE,wBAAIM,UAAU,YAAYL,GAC1B,6BACCE,GACA,yBAAKG,UAAU,oBACd,yBAAKA,UAAU,oBACd,uBAAGA,UAAU,WACZ,uBAAGC,KAAK,0BAA0BD,UAAU,8BAC3C,mDAGF,uBAAGA,UAAU,WACZ,uBACCC,KAAK,wCACLD,UAAU,2BAFX,sBAUHF,GACA,kBAAC,OAAD,CAAME,UAAU,8BAA8BE,GAAIH,GACjD,gCAASD,EAAT,SAMHF,GACA,yBAAKI,UAAU,UACd,kBAAC,IAAD,CAAwBG,UAAWP,W,m6FChC3B,SAASQ,IACvB,IADuC,EAC7B,OACoBC,kBAAtBC,MAEqF,GAArFC,KAJ+B,IAIvBC,YAAed,EAJQ,EAIRA,MAAOe,EAJC,EAIDA,cAAiBC,EAJhB,EAIgBA,QAAmBC,EAJnC,EAIyBC,OAAUD,KAE1E,OACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAMlB,KAAK,SAASC,MAAOA,EAAOC,SAAUe,EAASd,MAAOa,EAAeX,IAAI,eAAeC,KAAMY,O,+ICXxF,SAASE,IACvB,IACeC,EADL,OACoBT,kBAAtBC,MAER,OACC,kBAAC,IAAD,CAASS,WAAS,GAChBD,GACAA,EAAME,KAAI,gBAASC,EAAT,EAAGV,KAAH,OACT,yBAAKP,UAAU,wBAAwBkB,IAAKD,EAAKE,IAChD,6BACCnB,UAAS,kDAAmDiB,EAAKT,YAAYY,aAC1E,cACA,KAEH,gCACEH,EAAKT,YAAYa,cACjB,yBAAKrB,UAAU,sBACd,kBAAC,IAAD,CACCG,UAAW,CACVP,MAAOqB,EAAKT,YAAYa,cACxBC,IAAI,qCAAsCL,EAAKvB,UAI/C,KACJ,uBAAGM,UAAU,aACZ,kBAAC,OAAD,CAAMA,UAAU,mCAAmCE,GAAIe,EAAKL,OAAOD,MACjEM,EAAKT,YAAYd,OAEnB,qCACA,0BAAMM,UAAU,+BAA+BiB,EAAKT,YAAYe,QAGlE,2BACEN,EAAKP,QACN,6BACA,6BACA,kBAAC,OAAD,CAAMV,UAAU,SAASE,GAAIe,EAAKL,OAAOD,MAAzC,2B","file":"component---src-pages-blog-index-js-372d66c8b4e1324ed007.js","sourcesContent":["import React from 'react';\nimport PreviewCompatibleImage from './PreviewCompatibleImage';\n// import Img from 'gatsby-image';\nimport { Link } from 'gatsby';\nconst Hero = ({ size, title, subtitle, image, signup, cta, link }) => (\n\t<section className={`hero is-${size}`}>\n\t\t<div className=\"hero-body\">\n\t\t\t<div className=\"container\">\n\t\t\t\t<div className=\"columns is-vcentered\">\n\t\t\t\t\t<div className=\"column is-two-thirds\">\n\t\t\t\t\t\t<div className=\"content has-text-left\">\n\t\t\t\t\t\t\t<h1 className=\"title is-size-1 is-spaced has-text-weight-bold\">{title}</h1>\n\t\t\t\t\t\t\t<h2 className=\"subtitle\">{subtitle}</h2>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{signup && (\n\t\t\t\t\t\t\t\t<div className=\"is-hidden-mobile\">\n\t\t\t\t\t\t\t\t\t<div className=\"field is-grouped\">\n\t\t\t\t\t\t\t\t\t\t<p className=\"control\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https://app.mark.camera\" className=\"button is-primary is-large\">\n\t\t\t\t\t\t\t\t\t\t\t\t<strong>Visit website</strong>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<p className=\"control\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\thref=\"https://calendly.com/mark-camera/demo\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"button is-text is-large\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tSchedule a demo\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{cta && (\n\t\t\t\t\t\t\t\t<Link className=\"button is-primary is-medium\" to={link}>\n\t\t\t\t\t\t\t\t\t<strong>{cta} →</strong>\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{image && (\n\t\t\t\t\t\t<div className=\"column\">\n\t\t\t\t\t\t\t<PreviewCompatibleImage imageInfo={image} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n);\n\nexport default Hero;\n","import React from 'react';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nimport Layout from '../../components/Layout';\nimport BlogRoll from '../../components/BlogRoll';\n\nimport Hero from '../../components/Hero';\nimport CTA from '../../components/CTA';\n\nimport { Section } from '../../components/bulma';\n\nexport default function BlogIndexPage() {\n\tconst data = useStaticQuery(BLOG_ROLL_QUERY);\n\tconst { edges: posts } = data.allMarkdownRemark;\n\n\tconst { node: { frontmatter: { title, featuredImage }, excerpt, fields: { slug } } } = posts[0];\n\n\treturn (\n\t\t<Layout>\n\t\t\t<Hero size=\"medium\" title={title} subtitle={excerpt} image={featuredImage} cta=\"Keep reading\" link={slug} />\n\t\t\t{/* <Section>\n\t\t\t\t<BlogRoll />\n\t\t\t</Section> */}\n\t\t\t{/* <CTA /> */}\n\t\t</Layout>\n\t);\n}\n\nconst BLOG_ROLL_QUERY = graphql`\n\tquery BlogHeadlines {\n\t\tallMarkdownRemark(\n\t\t\tsort: { order: DESC, fields: [frontmatter___date] }\n\t\t\tfilter: { frontmatter: { templateKey: { eq: \"blog-post\" } } }\n\t\t) {\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\texcerpt(pruneLength: 400)\n\t\t\t\t\tid\n\t\t\t\t\tfields {\n\t\t\t\t\t\tslug\n\t\t\t\t\t}\n\t\t\t\t\tfrontmatter {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\ttemplateKey\n\t\t\t\t\t\tdate(formatString: \"MMMM DD, YYYY\")\n\t\t\t\t\t\tfeaturedpost\n\t\t\t\t\t\tfeaturedimage {\n\t\t\t\t\t\t\tchildImageSharp {\n\t\t\t\t\t\t\t\tfluid(maxWidth: 120, quality: 100) {\n\t\t\t\t\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby';\nimport { useStaticQuery, graphql } from 'gatsby';\nimport PreviewCompatibleImage from './PreviewCompatibleImage';\n\nimport { Columns } from '../components/bulma';\n\nexport default function BlogRoll() {\n\tconst data = useStaticQuery(BLOG_ROLL_QUERY);\n\tconst { edges: posts } = data.allMarkdownRemark;\n\n\treturn (\n\t\t<Columns multiline>\n\t\t\t{posts &&\n\t\t\t\tposts.map(({ node: post }) => (\n\t\t\t\t\t<div className=\"is-parent column is-6\" key={post.id}>\n\t\t\t\t\t\t<article\n\t\t\t\t\t\t\tclassName={`blog-list-item tile is-child box notification ${post.frontmatter.featuredpost\n\t\t\t\t\t\t\t\t? 'is-featured'\n\t\t\t\t\t\t\t\t: ''}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t{post.frontmatter.featuredimage ? (\n\t\t\t\t\t\t\t\t\t<div className=\"featured-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t<PreviewCompatibleImage\n\t\t\t\t\t\t\t\t\t\t\timageInfo={{\n\t\t\t\t\t\t\t\t\t\t\t\timage: post.frontmatter.featuredimage,\n\t\t\t\t\t\t\t\t\t\t\t\talt: `featured image thumbnail for post ${post.title}`\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t<p className=\"post-meta\">\n\t\t\t\t\t\t\t\t\t<Link className=\"title has-text-primary is-size-4\" to={post.fields.slug}>\n\t\t\t\t\t\t\t\t\t\t{post.frontmatter.title}\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t<span> &bull; </span>\n\t\t\t\t\t\t\t\t\t<span className=\"subtitle is-size-5 is-block\">{post.frontmatter.date}</span>\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{post.excerpt}\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t<Link className=\"button\" to={post.fields.slug}>\n\t\t\t\t\t\t\t\t\tKeep Reading →\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</article>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t</Columns>\n\t);\n}\n\nBlogRoll.propTypes = {\n\tdata: PropTypes.shape({\n\t\tallMarkdownRemark: PropTypes.shape({\n\t\t\tedges: PropTypes.array\n\t\t})\n\t})\n};\n\nconst BLOG_ROLL_QUERY = graphql`\n\tquery BlogRollQuery {\n\t\tallMarkdownRemark(\n\t\t\tsort: { order: DESC, fields: [frontmatter___date] }\n\t\t\tfilter: { frontmatter: { templateKey: { eq: \"blog-post\" } } }\n\t\t) {\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\texcerpt(pruneLength: 400)\n\t\t\t\t\tid\n\t\t\t\t\tfields {\n\t\t\t\t\t\tslug\n\t\t\t\t\t}\n\t\t\t\t\tfrontmatter {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\ttemplateKey\n\t\t\t\t\t\tdate(formatString: \"MMMM DD, YYYY\")\n\t\t\t\t\t\tfeaturedpost\n\t\t\t\t\t\tfeaturedimage {\n\t\t\t\t\t\t\tchildImageSharp {\n\t\t\t\t\t\t\t\tfluid(maxWidth: 120, quality: 100) {\n\t\t\t\t\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"sourceRoot":""}