{"version":3,"sources":["webpack:///./src/components/featurePosts/featurePosts.tsx","webpack:///./src/createPages/templates/home.tsx"],"names":["FeaturePost","title","summary","href","img","imgAlt","tags","className","fluid","alt","length","map","tag","index","key","TopFeaturePost","FeaturePosts","featurePosts","heroPost","type","posts","featurePost","Home","data","mapPostData","node","frontmatter","description","fields","slug","childImageSharp","publishedDate","Date","noticiasPosts","edges","bitacoraPosts","heroPosts","recentPosts","image"],"mappings":"4JAaaA,EAA8C,SAAC,GAOtD,IANJC,EAMI,EANJA,MACAC,EAKI,EALJA,QACAC,EAII,EAJJA,KACAC,EAGI,EAHJA,IACAC,EAEI,EAFJA,OACAC,EACI,EADJA,KAEA,OACE,yBAAKC,UAAU,sDACb,yBAAKA,UAAU,iBACb,uBAAGJ,KAAMA,GACP,kBAAC,IAAD,CACEK,MAAOJ,EACPK,IAAKJ,GAAUJ,EACfM,UAAU,+BAIhB,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,YACVD,YAAMI,SACP,uBAAGH,UAAU,iDACVD,EAAKK,KAAI,SAACC,EAAKC,GAAN,OACR,0BAAMC,IAAKD,GACT,uBAAGV,KAAI,SAAWS,EAAOL,UAAU,mBAAnC,IACIK,GACC,SAKb,uBAAGT,KAAMA,EAAMI,UAAU,SACvB,wBAAIA,UAAU,sDACXN,GAEH,uBAAGM,UAAU,0CAA0CL,QAQtDa,EAAiD,SAAC,GAMzD,IALJd,EAKI,EALJA,MACAC,EAII,EAJJA,QACAC,EAGI,EAHJA,KACAC,EAEI,EAFJA,IACAC,EACI,EADJA,OAEA,OACE,6BACE,uBAAGF,KAAMA,GACP,kBAAC,IAAD,CACEK,MAAOJ,EACPK,IAAKJ,GAAUJ,EACfM,UAAU,+CAEZ,wBAAIA,UAAU,qDACXN,GAEH,yBAAKM,UAAU,+DACZL,MAOEc,EAAgD,SAAC,GAGxD,IAFJC,EAEI,EAFJA,aACAC,EACI,EADJA,SAEA,OACE,yBAAKX,UAAU,iBACb,yBAAKA,UAAU,8BACZW,GAAY,kBAAC,EAAmBA,GAChCD,EAAaN,KAAI,gBAAGV,EAAH,EAAGA,MAAOkB,EAAV,EAAUA,KAAMC,EAAhB,EAAgBA,MAAhB,OAChB,kBAAC,WAAD,CAAUN,IAAKb,GACb,wBAAIM,UAAU,mGACXN,GAEH,yBAAKM,UAAU,uFACZa,EAAMT,KAAI,SAACU,EAAaR,GAAd,OACT,kBAAC,EAAD,iBAAiBQ,EAAjB,CAA8BP,IAAKD,SAGvC,yBAAKN,UAAU,mBACb,uBAAGJ,KAAI,IAAMgB,EAAN,WAAP,qB,YCyDCG,UAxCuB,SAAC,GAAa,IAAXC,EAAW,EAAXA,KACjCC,EAAc,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,MAAuC,CACzDxB,MAAOwB,EAAKC,YAAYzB,MACxBC,QAASuB,EAAKC,YAAYC,YAC1BxB,KAAMsB,EAAKG,OAAOC,KAClBzB,IAAKqB,EAAKC,YAAYtB,IAAI0B,gBAAgBtB,MAC1CH,OAAQoB,EAAKC,YAAYrB,OACzBC,KAAMmB,EAAKC,YAAYpB,KACvByB,cAAe,IAAIC,KAAKP,EAAKC,YAAYK,iBAErCE,EACJV,EAAKU,cAAcC,MAAMvB,IAAIa,GACzBW,EACJZ,EAAKY,cAAcD,MAAMvB,IAAIa,GACzBN,EAAWK,EAAKa,UAAUF,MAAMvB,IAAIa,GAAa,GACjBD,EAAKc,YAAYH,MAAMvB,IAAIa,GACjE,OACE,oCACE,kBAAC,IAAD,CAAKvB,MAAM,6BAA6BqC,MAAM,cAC9C,kBAAC,IAAD,KACE,kBAAC,EAAD,CACEpB,SAAUA,EACVD,aAAc,CACZ,CACEhB,MAAO,WACPkB,KAAM,WACNC,MAAOa,GAET,CACEhC,MAAO,WACPkB,KAAM,WACNC,MAAOe","file":"component---src-create-pages-templates-home-tsx-8f7e54d15f802c0af392.js","sourcesContent":["import React, { Fragment, FunctionComponent } from \"react\";\nimport Image from \"gatsby-image\";\nimport { PostSnippet } from \"../../types\";\n\nexport interface FeaturePosts {\n  featurePosts: Array<{\n    title: string;\n    type: string;\n    posts: PostSnippet[];\n  }>;\n  heroPost?: PostSnippet;\n}\n\nexport const FeaturePost: FunctionComponent<PostSnippet> = ({\n  title,\n  summary,\n  href,\n  img,\n  imgAlt,\n  tags,\n}) => {\n  return (\n    <div className=\"flex flex-col rounded-lg shadow-lg overflow-hidden\">\n      <div className=\"flex-shrink-0\">\n        <a href={href}>\n          <Image\n            fluid={img}\n            alt={imgAlt || title}\n            className=\"h-48 w-full object-cover\"\n          />\n        </a>\n      </div>\n      <div className=\"flex-1 bg-white p-6 flex flex-col justify-between\">\n        <div className=\"flex-1\">\n          {!!tags?.length && (\n            <p className=\"text-sm leading-5 font-medium text-indigo-600\">\n              {tags.map((tag, index) => (\n                <span key={index}>\n                  <a href={`/tags/${tag}`} className=\"hover:underline\">\n                    #{tag}\n                  </a>{\" \"}\n                </span>\n              ))}\n            </p>\n          )}\n          <a href={href} className=\"block\">\n            <h3 className=\"mt-2 text-xl leading-7 font-semibold text-gray-900\">\n              {title}\n            </h3>\n            <p className=\"mt-3 text-base leading-6 text-gray-500\">{summary}</p>\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const TopFeaturePost: FunctionComponent<PostSnippet> = ({\n  title,\n  summary,\n  href,\n  img,\n  imgAlt,\n}) => {\n  return (\n    <div>\n      <a href={href}>\n        <Image\n          fluid={img}\n          alt={imgAlt || title}\n          className=\"h-auto h-md-96 w-full object-cover rounded\"\n        />\n        <h1 className=\"text-3xl md:text-5xl my-3 font-bold leading-tight\">\n          {title}\n        </h1>\n        <div className=\"mb-16 max-w-prose mx-auto text-center text-lg text-gray-600\">\n          {summary}\n        </div>\n      </a>\n    </div>\n  );\n};\n\nexport const FeaturePosts: FunctionComponent<FeaturePosts> = ({\n  featurePosts,\n  heroPost,\n}) => {\n  return (\n    <div className=\"relative py-6\">\n      <div className=\"relative max-w-7xl mx-auto\">\n        {heroPost && <TopFeaturePost {...heroPost} />}\n        {featurePosts.map(({ title, type, posts }) => (\n          <Fragment key={title}>\n            <h2 className=\"text-2xl leading-9 tracking-tight font-semibold text-gray-900 sm:leading-10 mt-3 mb-8 uppercase\">\n              {title}\n            </h2>\n            <div className=\"mt-3 grid gap-5 xl:gap-10 max-w-lg mx-auto grid-cols-1 md:grid-cols-3 md:max-w-none\">\n              {posts.map((featurePost, index) => (\n                <FeaturePost {...featurePost} key={index} />\n              ))}\n            </div>\n            <div className=\"mt-2 text-right\">\n              <a href={`/${type}/page/1`}>Ver todos</a>\n            </div>\n          </Fragment>\n        ))}\n      </div>\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { graphql } from \"gatsby\";\nimport { FluidObject } from \"gatsby-image\";\nimport { Layout } from \"../../components/layout\";\nimport { PostSnippet } from \"../../types\";\nimport { FeaturePosts } from \"../../components/featurePosts\";\nimport { RecentPosts } from \"../../components/recentPosts\";\nimport { Pagination } from \"../../components/pagination\";\nimport { SEO } from \"../../components/seo\";\n\nexport const pageQuery = graphql`\n  {\n    heroPosts: allMarkdownRemark(\n      limit: 1\n      sort: { fields: [frontmatter___publishedDate], order: DESC }\n      filter: { frontmatter: { featured_hero: { eq: true } } }\n    ) {\n      edges {\n        node {\n          ...PostFragment\n        }\n      }\n    }\n    noticiasPosts: allMarkdownRemark(\n      limit: 6\n      sort: { fields: [frontmatter___publishedDate], order: DESC }\n      filter: {\n        frontmatter: { featured: { eq: true }, contentType: { eq: \"noticias\" } }\n      }\n    ) {\n      edges {\n        node {\n          ...PostFragment\n        }\n      }\n    }\n    bitacoraPosts: allMarkdownRemark(\n      limit: 6\n      sort: { fields: [frontmatter___publishedDate], order: DESC }\n      filter: {\n        frontmatter: { featured: { eq: true }, contentType: { eq: \"bitacora\" } }\n      }\n    ) {\n      edges {\n        node {\n          ...PostFragment\n        }\n      }\n    }\n    recentPosts: allMarkdownRemark(\n      limit: 4\n      sort: { fields: [frontmatter___publishedDate], order: DESC }\n      filter: { frontmatter: { contentType: { in: [\"noticias\", \"bitacora\"] } } }\n    ) {\n      edges {\n        node {\n          ...PostFragment\n        }\n      }\n    }\n  }\n  fragment PostFragment on MarkdownRemark {\n    id\n    fields {\n      slug\n    }\n    frontmatter {\n      tags\n      title\n      imgAlt\n      description\n      publishedDate\n      img {\n        childImageSharp {\n          fluid(maxWidth: 2400, quality: 90) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  }\n`;\n\ninterface Post {\n  node: {\n    id: string;\n    fields: {\n      slug: string;\n    };\n    frontmatter: {\n      tags: string[];\n      title: string;\n      imgAlt: string;\n      description: string;\n      publishedDate: string;\n      img: { childImageSharp: { fluid: FluidObject } };\n    };\n  };\n}\n\ninterface QueryData {\n  heroPosts: {\n    edges: Post[];\n  };\n  noticiasPosts: {\n    edges: Post[];\n  };\n  bitacoraPosts: {\n    edges: Post[];\n  };\n  recentPosts: {\n    edges: Post[];\n  };\n}\n\ninterface Home {\n  data: QueryData;\n}\n\nconst Home: FunctionComponent<Home> = ({ data }) => {\n  const mapPostData = ({ node }: { node: Post[\"node\"] }) => ({\n    title: node.frontmatter.title,\n    summary: node.frontmatter.description,\n    href: node.fields.slug,\n    img: node.frontmatter.img.childImageSharp.fluid,\n    imgAlt: node.frontmatter.imgAlt,\n    tags: node.frontmatter.tags,\n    publishedDate: new Date(node.frontmatter.publishedDate),\n  });\n  const noticiasPosts: PostSnippet[] =\n    data.noticiasPosts.edges.map(mapPostData);\n  const bitacoraPosts: PostSnippet[] =\n    data.bitacoraPosts.edges.map(mapPostData);\n  const heroPost = data.heroPosts.edges.map(mapPostData)[0];\n  const recentPostData: PostSnippet[] = data.recentPosts.edges.map(mapPostData);\n  return (\n    <>\n      <SEO title=\"Cartografías de la memoria\" image=\"/logo.png\" />\n      <Layout>\n        <FeaturePosts\n          heroPost={heroPost}\n          featurePosts={[\n            {\n              title: \"Noticias\",\n              type: \"noticias\",\n              posts: noticiasPosts,\n            },\n            {\n              title: \"Bitácora\",\n              type: \"bitacora\",\n              posts: bitacoraPosts,\n            },\n          ]}\n        />\n      </Layout>\n    </>\n  );\n};\n\nexport default Home;\n"],"sourceRoot":""}