{"version":3,"sources":["webpack:///./src/components/ads/Ad.js","webpack:///./src/templates/blog-post.js"],"names":["Ad","style","as","flexDirection","py","dangerouslySetInnerHTML","__html","BlogPostTemplate","data","pageContext","location","posts","allMarkdownRemark","edges","post","markdownRemark","siteTitle","site","siteMetadata","title","siteUrl","previous","next","readingTime","timeToRead","info","frontmatter","language","useState","postImage","setPostImage","useEffect","optimizeImg","image","capitalizeString","className","mt","mb","letterSpacing","fontSize","textAlign","color","to","category","pathname","replace","height","sx","backgroundImage","backgroundSize","backgroundPosition","justifyContent","p","width","html","pl","subimage","objectFit","alt","src","reference","marginTop","rhythm","marginBottom","postData","author","date","path","display","gridGap","gridTemplateColumns","fields","slug","label","pageQuery"],"mappings":"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","file":"component---src-templates-blog-post-js-863cab4f6ddff8aeb9d4.js","sourcesContent":["import React from \"react\";\nimport { Flex } from \"rebass\"\n\nconst Ad = ({style}) => {\n    const insertAd = () => {\n        return {__html: \n        `\n            <script async src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>\n            <!-- Display Ads -->\n            <ins class=\"adsbygoogle\"\n            style=\"display:block\"\n            data-ad-client=\"ca-pub-4651068788999536\"\n            data-ad-slot=\"7007239478\"\n            data-ad-format=\"auto\"\n            data-full-width-responsive=\"true\"></ins>\n            <script>\n            (adsbygoogle = window.adsbygoogle || []).push({});\n            </script>\n        `}\n    }\n    return (\n        <Flex as=\"section\" flexDirection={'column'} py={'20px'}>\n        <div style={style} dangerouslySetInnerHTML={insertAd()}>\n        </div>\n        </Flex>\n        );\n}\n\nexport default Ad\n","import React, { useState, useEffect } from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport { Layout, Bio, PostItem, SEO, RecipeInfo } from \"@components\"\nimport { rhythm } from \"../utils/typography\"\nimport { Flex, Text, Box } from \"rebass\"\nimport { CldImage } from \"@extend\"\nimport { capitalizeString } from \"../utils/index\"\nimport { optimizeImg } from \"@utils\"\nimport Ad from \"../components/ads/Ad\"\n\nconst BlogPostTemplate = ({ data, pageContext, location }) => {\n  const posts = data.allMarkdownRemark.edges\n  const post = data.markdownRemark\n  const siteTitle = data.site.siteMetadata.title\n  const siteUrl = data.site.siteMetadata.siteUrl\n  const { previous, next } = pageContext\n  const readingTime = post.timeToRead\n  const info = post.frontmatter.info\n  const language = pageContext.language\n  const [postImage, setPostImage] = useState(null)\n\n  useEffect(() => {\n    setPostImage(optimizeImg('height', '100vh', post.frontmatter.image))    \n  }, [post.frontmatter.image])\n\n  return (\n    <Layout location={location} title={siteTitle} posts={posts}>\n      <SEO\n        title={capitalizeString(post.frontmatter.title)}\n      />\n      <article>\n        <header>\n          <Text as=\"h1\" className=\"uppercase capitalize main-title\" mt={100} mb={30} letterSpacing={3} fontSize={50} textAlign={'center'}>{post.frontmatter.title}</Text>\n          <Link color={'black'} to={`categories/${post.frontmatter.category}`}>\n            <Text mb={30} className='uppercase category' textAlign={'center'} fontSize={18} color='black'>{post.frontmatter.category}</Text>\n          </Link>\n          <Box textAlign={['center', 'right']}>\n            <Text as=\"p\" className=\"uppercase\" fontSize={14} color={'black'} letterSpacing={3}>Reading time: {readingTime === 1 ? '1 min' : `${readingTime} mins`}</Text>\n            {\n              language === 'es' ?\n              <Link to={location.pathname.replace('/es', '')} className=\"uppercase language\">Read it in english</Link>\n              :\n              <Link to={`${location.pathname}/es/`} className=\"uppercase language\">Leer en español</Link>\n            }\n          </Box>\n          {\n            info ?\n            <Box>\n              <RecipeInfo info={info}/>\n            </Box>\n            :\n            null\n          }\n          <Box\n            height={'100vh'}\n            className=\"post-image\"\n            sx={{\n                backgroundImage: `url(${postImage})`,\n                backgroundSize: 'cover',\n                \n                backgroundPosition: 'center',\n            }}\n          />\n        </header>\n        <Flex flexDirection={['column', 'row']} justifyContent='space-between'>\n          <Box as=\"section\"\n          p={20}\n          className=\"post\"\n          width={[1, .50]}\n          dangerouslySetInnerHTML={{ __html: post.html }} />\n          <Box width={[1, .50]} pl={[0, 20]}>\n            {\n              post.frontmatter.subimage ?\n              <CldImage\n              className=\"post-image\"\n              mt={20}\n              height='500px'\n              sx={{ objectFit: 'cover' }}\n              alt={post.frontmatter.title}\n              src={post.frontmatter.subimage}\n              />\n              :\n              null\n            }\n            <Ad style={{height: '450px'}}/>\n          </Box>\n                   \n        </Flex>\n        {\n          info && info.reference ? \n          <Text as=\"p\" color=\"gray\" fontSize=\"16px\">Inspired by {info.reference}</Text>\n          : null\n        }\n        <hr\n          style={{\n            marginTop: rhythm(.5),\n            marginBottom: rhythm(.5),\n          }}\n        />\n        <footer\n          style={{\n            marginBottom: rhythm(1),\n          }}\n        >\n          <Bio\n            postData={{\n              author: post.frontmatter.author,\n              date: post.frontmatter.date,\n              title: post.frontmatter.title,\n              path: `${siteUrl}${location.pathname}`,\n            }}\n          />\n        </footer>\n      </article>\n      <Box as=\"nav\"\n        sx={{\n        display: 'grid',\n        gridGap: 1,\n        gridTemplateColumns: 'repeat(3, minmax(128px, 1fr))',\n        '@media screen and (max-width: 64em)': {\n            gridTemplateColumns: 'repeat(1, minmax(128px, 1fr))',\n        }\n      }}>\n        {\n          previous && (\n            <Box className=\"next-previous\">\n              <Text textAlign={'center'} letterSpacing={5}><Link to={previous.fields.slug} className=\"uppercase link\">Previous</Link></Text>\n              <PostItem post={previous} label=\"Previous\"></PostItem>\n            </Box>\n          )\n        }\n        <Box/>\n        {\n          next && (\n            <Box className=\"next-previous\">\n              <Text textAlign={'center'} letterSpacing={5}><Link to={next.fields.slug} className=\"uppercase link\">Next</Link></Text>\n              <PostItem post={next} label=\"Next\"></PostItem>\n            </Box>\n          )\n        }\n      </Box>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        siteUrl\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }, filter: {fileAbsolutePath: {regex: \"/index/\"}}) {\n      edges {\n        node {\n          excerpt\n          fields {\n            slug\n          }\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            author\n            category\n            image\n          }\n        }\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      timeToRead\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        author\n        category\n        image\n        subimage\n        info {\n          serves\n          preparation\n          cooking\n          reference\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}