{"version":3,"file":"component---src-pages-blog-js-3a45c4b0dfc8c2d1a79f.js","mappings":"8JAyDA,IA9CY,WAAO,IAAD,IACVA,GAAOC,EAAAA,EAAAA,gBAAe,cAiBtBC,EAAM,UAAGF,EAAKG,KAAKC,oBAAb,aAAG,EAAwBF,OACjCG,EAAM,UAAGL,EAAKG,KAAKC,oBAAb,aAAG,EAAwBC,OAEvC,OACE,uBAAKC,UAAU,OACb,gBAAC,EAAAC,EAAD,CACED,UAAU,aACVE,OAAO,QACPC,QAAS,CAAC,OAAQ,OAAQ,QAC1BC,IAAI,4BACJC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACTC,IAAI,kBARN,uBAUCZ,MAAAA,OAAA,EAAAA,EAAQa,OACP,uCACa,8BAASb,EAAOa,MAD7B,KAC6Cb,MAAAA,OAAA,EAAAA,EAAQc,UAAW,KADhE,IAGE,qBAAGC,KAAI,yBAAyBZ,MAAAA,OAAA,EAAAA,EAAQa,UAAR,KAAhC,yC,sGCuDV,UA1FkB,SAAC,GAAwB,IAAD,EAArBlB,EAAqB,EAArBA,KAAMmB,EAAe,EAAfA,SACnBC,GAAY,UAAApB,EAAKG,KAAKC,oBAAV,eAAwBiB,QAAxB,QACZC,EAAQtB,EAAKuB,kBAAkBC,MAErC,OAAqB,IAAjBF,EAAMG,OAEN,gBAAC,IAAD,CAAQN,SAAUA,EAAUE,MAAOD,GACjC,gBAAC,IAAD,CAAKC,MAAM,cACX,gBAAC,IAAD,MACA,uLAUJ,gCACE,gBAAC,IAAD,CAAQF,SAAUA,EAAUE,MAAOD,GACjC,gBAAC,IAAD,KACE,wBAAMM,SAAS,WAAWC,QAAQ,oCAClC,wBAAMZ,KAAK,gBAAgBY,QAAQ,qCAErC,gBAAC,IAAD,CACEN,MAAM,YACNO,YAAY,oCAEd,wBAAMtB,UAAU,mBACd,2BAASA,UAAU,wBACjB,2BAASA,UAAU,sBACf,uBAAKA,UAAU,yBACX,sBAAIA,UAAU,cAAd,gCAEJ,qBAAGA,UAAU,oBAAb,8IAGN,2BAASA,UAAU,gBACjB,uBAAKA,UAAU,aACZgB,EAAMO,KAAI,SAAAC,GACT,GAA8B,cAA1BA,EAAKC,YAAYC,KACnB,OACE,gBAAC,EAAAC,KAAD,CAAMC,GAAIJ,EAAKK,OAAOC,KAAMC,SAAS,OACnC,2BAASC,IAAKR,EAAKK,OAAOC,KAAM9B,UAAU,oBACxC,uBAAKA,UAAU,uBACb,2BAASA,UAAU,oBACjB,uBAAKI,IAAKoB,EAAKC,YAAYQ,UAAWzB,IAAI,eAE5C,2BAASR,UAAU,oBAEfwB,EAAKC,YAAYS,OAAOC,MAAM,KAAKZ,KAAI,SAACa,GAAD,OACrC,uBAAKpC,UAAU,mBACb,uBAAKA,UAAU,wBACb,uBAAKI,IAAKiC,EAAAA,EAAY7B,IAAI,gBAE5B,yBAAI4B,QAKZ,+BACE,2BAASpC,UAAU,qBACjB,0BAAKwB,EAAKC,YAAYV,OACtB,yBAAIS,EAAKC,YAAYH,aACrB,2BAAStB,UAAU,0BACf,2BAASA,UAAU,yBACf,uBAAKI,IAAI,gCAAgCI,IAAI,iBAEjD,2BAASR,UAAU,0BACf,qBAAGA,UAAU,UAAS,8BAASwB,EAAKC,YAAY7B,SAChD,qBAAGI,UAAU,QAAQwB,EAAKC,YAAYa,uB,mBCpF5E,0iC","sources":["webpack://gatsby-starter-blog/./src/components/bio.js","webpack://gatsby-starter-blog/./src/pages/blog.js","webpack://gatsby-starter-blog/./src/images/icons/label-dark.svg"],"sourcesContent":["/**\n * Bio component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.com/docs/use-static-query/\n */\n\nimport * as React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nconst Bio = () => {\n  const data = useStaticQuery(graphql`\n    query BioQuery {\n      site {\n        siteMetadata {\n          author {\n            name\n            summary\n          }\n          social {\n            twitter\n          }\n        }\n      }\n    }\n  `)\n\n  // Set these values by editing \"siteMetadata\" in gatsby-config.js\n  const author = data.site.siteMetadata?.author\n  const social = data.site.siteMetadata?.social\n\n  return (\n    <div className=\"bio\">\n      <StaticImage\n        className=\"bio-avatar\"\n        layout=\"fixed\"\n        formats={[\"auto\", \"webp\", \"avif\"]}\n        src=\"../images/profile-pic.png\"\n        width={50}\n        height={50}\n        quality={95}\n        alt=\"Profile picture\"\n      />\n      {author?.name && (\n        <p>\n          Written by <strong>{author.name}</strong> {author?.summary || null}\n          {` `}\n          <a href={`https://twitter.com/${social?.twitter || ``}`}>\n            You should follow them on Twitter\n          </a>\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default Bio\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport { Helmet } from \"react-helmet\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\n\nimport '../styles/Blog.css'\n\nimport label_dark from '../images/icons/label-dark.svg'\n\n\nconst BlogIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const posts = data.allMarkdownRemark.nodes\n\n  if (posts.length === 0) {\n    return (\n      <Layout location={location} title={siteTitle}>\n        <Seo title=\"All posts\" />\n        <Bio />\n        <p>\n          No blog posts found. Add markdown posts to \"content/blog\" (or the\n          directory you specified for the \"gatsby-source-filesystem\" plugin in\n          gatsby-config.js).\n        </p>\n      </Layout>\n    )\n  }\n\n  return (\n    <>\n      <Layout location={location} title={siteTitle}>\n        <Helmet>\n          <meta property=\"og:image\" content=\"https://i.imgur.com/4TkxwI8.png\" />\n          <meta name=\"twitter:image\" content=\"https://i.imgur.com/4TkxwI8.png\" />\n        </Helmet>\n        <Seo \n          title=\"All posts\"\n          description=\"What is JL Caraveo writting on?\"\n       />\n        <main className=\"blog--container\">\n          <section className=\"blog-hero--container\">\n            <article className=\"blog-hero--content\">\n                <div className=\"blog-intro--container\">\n                    <h2 className='blog-intro'>Welcome to JL Caraveo Blog!</h2>\n                </div>\n                <p className='blog-description'>In this Blog you will be able to find from general topics that I like to topics related to Machine Learning and Deep Learning. Enjoy it!</p>\n            </article>\n          </section>\n          <section className=\"blog-content\">\n            <div className=\"all-blogs\">\n              {posts.map(post => {\n                if (post.frontmatter.type === 'post-blog') {\n                  return (\n                    <Link to={post.fields.slug} itemProp=\"url\">\n                      <section key={post.fields.slug} className=\"blogs--container\">\n                        <div className=\"blogItem--container\">\n                          <section className=\"image--container\">\n                            <img src={post.frontmatter.image_url} alt=\"BlogImage\" />\n                          </section>\n                          <section className=\"blogItem--labels\">\n                            {\n                              post.frontmatter.labels.split(',').map((label) => (\n                                <div className=\"blogItem--label\">\n                                  <div className=\"label-img--container\">\n                                    <img src={label_dark} alt=\"Label-icon\" />\n                                  </div>\n                                  <p>{label}</p>\n                                </div>\n                              ))\n                            }\n                          </section>\n                          <section>\n                            <article className=\"blogItem--content\">\n                              <h3>{post.frontmatter.title}</h3>\n                              <p>{post.frontmatter.description}</p>\n                              <section className=\"blog-author--container\">\n                                  <article className=\"perfil-img--container\">\n                                      <img src=\"https://imgur.com/7NSDJLv.jpg\" alt=\"perfilImage\" />    \n                                  </article>\n                                  <article className=\"writter-blog-container\">\n                                      <p className='author'><strong>{post.frontmatter.author}</strong></p>\n                                      <p className='date'>{post.frontmatter.date}</p>\n                                  </article>\n                              </section>\n                            </article>\n                          </section>\n                        </div>\n                      </section>\n                    </Link>\n                  )\n                }\n              })}\n            </div>\n          </section>\n        </main>\n      </Layout>\n    </>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      nodes {\n        excerpt\n        fields {\n          slug\n        }\n        frontmatter {\n          date(formatString: \"MMMM DD, YYYY\")\n          title\n          description\n          author\n          image_url\n          type\n          labels\n        }\n      }\n    }\n  }\n`\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkzIiBoZWlnaHQ9IjE5MyIgdmlld0JveD0iMCAwIDE5MyAxOTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xODguMzU2IDcuNTcxMjdDMTg4LjI0NCA1Ljk5ODA5IDE4Ny4wMDggNC43NTU3OCAxODUuNDM1IDQuNjQ5NjVMMTExLjQ5NCAwLjAxMTI4MjVDMTEwLjU4OCAtMC4wNjk4NzM0IDEwOS43MzkgMC4yOTIyMDcgMTA5LjA5IDAuOTIyNzI2TDAuOTEzMDI1IDEwOS4wODVDLTAuMzA0MzQyIDExMC4zMDIgLTAuMzA0MzQyIDExMi4yODcgMC45MTMwMjUgMTEzLjQ5OEw3OS40ODYzIDE5Mi4wODlDODAuMDczMSAxOTIuNjgyIDgwLjg2NTkgMTkzIDgxLjY5NjMgMTkzQzgyLjUyNjYgMTkzIDgzLjMxOTQgMTkyLjY2OSA4My45MDYyIDE5Mi4wODlMMTkyLjA4MyA4My45MDc3QzE5Mi43MzMgODMuMjY0NyAxOTMuMDQ1IDgyLjQwMzIgMTkyLjk5NSA4MS40OThMMTg4LjM1NiA3LjU3MTI3Wk0xNjYuODMxIDQ4Ljc5MjJDMTYwLjc4OCA1NC44MjkgMTUwLjI1IDU0LjgyOSAxNDQuMjEzIDQ4Ljc5MjJDMTM3Ljk3NiA0Mi41NDk1IDEzNy45NzYgMzIuNDA1IDE0NC4yMTMgMjYuMTc0N0MxNDcuMjM0IDIzLjE2NTcgMTUxLjI0OCAyMS40OTI2IDE1NS41MjUgMjEuNDkyNkMxNTkuNzk1IDIxLjQ5MjYgMTYzLjc5NyAyMy4xNjU3IDE2Ni44MzEgMjYuMTc0N0MxNzMuMDYxIDMyLjQxMTIgMTczLjA2MSA0Mi41NTU3IDE2Ni44MzEgNDguNzkyMloiIGZpbGw9IiMyMDFFMUMiLz4KPC9zdmc+Cg==\""],"names":["data","useStaticQuery","author","site","siteMetadata","social","className","S","layout","formats","src","width","height","quality","alt","name","summary","href","twitter","location","siteTitle","title","posts","allMarkdownRemark","nodes","length","property","content","description","map","post","frontmatter","type","Link","to","fields","slug","itemProp","key","image_url","labels","split","label","label_dark","date"],"sourceRoot":""}