{"version":3,"sources":["webpack:///./src/components/bio.tsx","webpack:///./src/templates/blog-post.tsx"],"names":["Bio","query","render","data","site","siteMetadata","author","social","style","display","marginBottom","rhythm","fixed","avatar","childImageSharp","alt","marginRight","minWidth","borderRadius","imgStyle","href","twitter","pageQuery","BlogPostTemplate","pageContext","post","markdownRemark","previous","next","publicUrl","fields","slug","console","log","image","frontmatter","cover","fluid","src","title","description","excerpt","keywords","className","marginTop","published","scale","longDate","shortDate","pluralizeReadingTime","timeToRead","items","categories","coverAuthor","dangerouslySetInnerHTML","__html","html","target","rel","margin","flexWrap","justifyContent","listStyle","padding","to"],"mappings":"kNAiEeA,EAvC2B,WACxC,OACE,kBAAC,cAAD,CACEC,MAvBW,aAwBXC,OAAQ,SAACC,GAAS,MACWA,EAAKC,KAAKC,aAA7BC,EADQ,EACRA,OAAQC,EADA,EACAA,OAChB,OACE,yBACEC,MAAO,CACLC,QAAS,OACTC,aAAcC,YAAO,OAGvB,kBAAC,IAAD,CACEC,MAAOT,EAAKU,OAAOC,gBAAgBF,MACnCG,IAAKT,EACLE,MAAO,CACLQ,YAAaL,YAAO,IACpBD,aAAc,EACdO,SAAU,GACVC,aAAc,QAEhBC,SAAU,CACRD,aAAc,SAGlB,0CACc,gCAASZ,GADvB,QAEE,uBAAGc,KAAI,uBAAyBb,EAAOc,SAAvC,yC,gDC+DDC,GAFEC,UAnG0D,SAAC,GAGpE,UAFJpB,EAEI,EAFJA,KACAqB,EACI,EADJA,YAEwBC,EAAStB,EAAzBuB,eACAC,EAAmBH,EAAnBG,SAAUC,EAASJ,EAATI,KACZC,EAAY,uBAAuBJ,EAAKK,OAAOC,KACrDC,QAAQC,IAAI,CAAER,SACd,IAAMS,EAAK,UAAGT,EAAKU,YAAYC,aAApB,iBAAG,EAAwBtB,uBAA3B,iBAAG,EAAyCuB,aAA5C,aAAG,EAAgDC,IAC9D,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,MAAK,GAAKd,EAAKU,YAAYI,MAC3BC,YAAaf,EAAKU,YAAYK,aAAef,EAAKgB,QAClDC,SAAUjB,EAAKU,YAAYO,SAC3BR,MAAOA,IAET,yBAAKS,UAAU,aACb,wBAAInC,MAAO,CAAEoC,UAAW,IACrBnB,EAAKU,YAAYU,UAAY,GAAK,UAClCpB,EAAKU,YAAYI,OAEpB,2BACE/B,MAAK,iBACAsC,aAAM,IADN,CAEHrC,QAAS,QACTmC,UAAWjC,aAAQ,KAErB4B,MAAOd,EAAKU,YAAYY,UAEvBtB,EAAKU,YAAYa,UARpB,KAQwC,IACrCC,YAAqBxB,EAAKyB,aAE7B,kBAAC,IAAD,CAAOC,MAAO1B,EAAKU,YAAYiB,aAC/B,kBAAC,IAAD,CACEf,MAAOZ,EAAKU,YAAYC,MAAMtB,gBAAgBuB,MAC9CtB,IAAKU,EAAKU,YAAYkB,YACtBV,UAAU,eACVnC,MAAO,CACLoC,UAAWjC,YAAO,MAGtB,yBACEH,MAAO,CAAEoC,UAAWjC,YAAO,IAC3B2C,wBAAyB,CAAEC,OAAQ9B,EAAK+B,QAE1C,+BACE,uBACEC,OAAO,SACPC,IAAI,+BACJtC,KAAI,gCAAkCS,GAHxC,uBAMK,IAPP,IAQW,IACT,uBACE4B,OAAO,SACPC,IAAI,+BACJtC,KAAI,+DAAiEK,EAAKK,OAAOC,MAHnF,+BAQF,wBACEvB,MAAO,CACLmD,OAAWhD,YAAO,GAAZ,QAGV,kBAAC,EAAD,MAEA,wBACEH,MAAO,CACLC,QAAS,OACTmD,SAAU,OACVC,eAAgB,gBAChBC,UAAW,OACXC,QAAS,IAGX,4BACGpC,GACC,kBAAC,OAAD,CAAMqC,GAAIrC,EAASG,OAAOC,KAAM2B,IAAI,QAApC,KACK/B,EAASQ,YAAYI,QAI9B,4BACGX,GACC,kBAAC,OAAD,CAAMoC,GAAIpC,EAAKE,OAAOC,KAAM2B,IAAI,QAC7B9B,EAAKO,YAAYI,MADpB,WAaW","file":"component---src-templates-blog-post-tsx-c2e811167fdff389e9f3.js","sourcesContent":["import React from 'react';\nimport { StaticQuery, graphql } from 'gatsby';\nimport Image from 'gatsby-image';\n\nimport { rhythm } from '../utils/typography';\n\nconst bioQuery = graphql`\n  query BioQuery {\n    avatar: file(absolutePath: { regex: \"/profile-pic.jpg/\" }) {\n      childImageSharp {\n        fixed(width: 50, height: 50, quality: 80) {\n          ...GatsbyImageSharpFixed\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        author\n        social {\n          twitter\n        }\n      }\n    }\n  }\n`;\n\nconst Bio: React.FunctionComponent<any> = () => {\n  return (\n    <StaticQuery\n      query={bioQuery}\n      render={(data) => {\n        const { author, social } = data.site.siteMetadata;\n        return (\n          <div\n            style={{\n              display: `flex`,\n              marginBottom: rhythm(2.5),\n            }}\n          >\n            <Image\n              fixed={data.avatar.childImageSharp.fixed}\n              alt={author}\n              style={{\n                marginRight: rhythm(1 / 2),\n                marginBottom: 0,\n                minWidth: 50,\n                borderRadius: `100%`,\n              }}\n              imgStyle={{\n                borderRadius: `50%`,\n              }}\n            />\n            <p>\n              Escrito por <strong>{author}</strong>.{` `}\n              <a href={`https://twitter.com/${social.twitter}`}>\n                Te invito a seguirme en Twitter\n              </a>\n            </p>\n          </div>\n        );\n      }}\n    />\n  );\n};\n\nexport default Bio;\n","import React from 'react';\nimport { Link, graphql } from 'gatsby';\nimport Image from 'gatsby-image';\n\nimport Bio from '../components/bio';\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\nimport Pills from '../components/pills';\nimport { rhythm, scale } from '../utils/typography';\nimport pluralizeReadingTime from '../utils/pluralize-reading-time';\n\ninterface BlogPostTemplateProps {\n  data: any;\n  pageContext: any;\n}\n\nconst BlogPostTemplate: React.FunctionComponent<BlogPostTemplateProps> = ({\n  data,\n  pageContext,\n}) => {\n  const { markdownRemark: post } = data;\n  const { previous, next } = pageContext;\n  const publicUrl = `https://www.73nko.es${post.fields.slug}`;\n  console.log({ post });\n  const image = post.frontmatter.cover?.childImageSharp?.fluid?.src;\n  return (\n    <Layout>\n      <SEO\n        title={`${post.frontmatter.title}`}\n        description={post.frontmatter.description || post.excerpt}\n        keywords={post.frontmatter.keywords}\n        image={image}\n      />\n      <div className=\"blog-post\">\n        <h1 style={{ marginTop: 0 }}>\n          {post.frontmatter.published ? '' : 'DRAFT: '}\n          {post.frontmatter.title}\n        </h1>\n        <small\n          style={{\n            ...scale(-1 / 5),\n            display: `block`,\n            marginTop: rhythm(-1),\n          }}\n          title={post.frontmatter.longDate}\n        >\n          {post.frontmatter.shortDate} &middot;{' '}\n          {pluralizeReadingTime(post.timeToRead)}\n        </small>\n        <Pills items={post.frontmatter.categories} />\n        <Image\n          fluid={post.frontmatter.cover.childImageSharp.fluid}\n          alt={post.frontmatter.coverAuthor}\n          className=\"u-full-width\"\n          style={{\n            marginTop: rhythm(1),\n          }}\n        />\n        <div\n          style={{ marginTop: rhythm(1) }}\n          dangerouslySetInnerHTML={{ __html: post.html }}\n        />\n        <small>\n          <a\n            target=\"_blank\"\n            rel=\"nofollow noopener noreferrer\"\n            href={`https://twitter.com/search?q=${publicUrl}`}\n          >\n            Comenta en Twitter!\n          </a>{' '}\n          &middot;{' '}\n          <a\n            target=\"_blank\"\n            rel=\"nofollow noopener noreferrer\"\n            href={`https://github.com/73nko/73nko-blog/tree/master/content/blog${post.fields.slug}`}\n          >\n            Editar este post en github\n          </a>\n        </small>\n        <hr\n          style={{\n            margin: `${rhythm(1)} 0`,\n          }}\n        />\n        <Bio />\n\n        <ul\n          style={{\n            display: `flex`,\n            flexWrap: `wrap`,\n            justifyContent: `space-between`,\n            listStyle: `none`,\n            padding: 0,\n          }}\n        >\n          <li>\n            {previous && (\n              <Link to={previous.fields.slug} rel=\"prev\">\n                ← {previous.frontmatter.title}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={next.fields.slug} rel=\"next\">\n                {next.frontmatter.title} →\n              </Link>\n            )}\n          </li>\n        </ul>\n      </div>\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        author\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      timeToRead\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n        shortDate: date(formatString: \"MMMM DD, YYYY\")\n        longDate: date(formatString: \"MMMM DD, YYYY, h:mm:ss a\")\n        description\n        categories\n        cover {\n          childImageSharp {\n            fluid(maxWidth: 1200) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        keywords\n        published\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}