{"version":3,"file":"component---src-templates-slides-index-tsx-e790063397fe8b249e48.js","mappings":"wLAGe,SAASA,IACtB,OACE,sCACE,wBAAC,KAAD,O,wBCES,SAASC,EAAT,GAKE,IAJfC,EAIc,EAJdA,MACAC,EAGc,EAHdA,YACAC,EAEc,EAFdA,cACAC,EACc,EADdA,IAEA,OACE,gDACE,kCACEC,UAAU,QAEV,8BAAIA,UAAU,uCACXJ,GAEH,6BACEI,UAAU,sBAETF,EAHH,KAGoB,IAClB,wBAAC,EAAAG,KAAD,CAAMC,GAAIH,GAAV,gBAA4B,wBAAC,MAAD,CAAeC,UAAU,cAGzD,6BACEA,UAAU,QAETH,ICvBM,SAASM,EAAT,GAEkB,IADHC,EACE,EAD9BC,KAAQC,mBAER,OACE,gDACE,wBAAC,KAAD,CACEC,QAASH,EAAMP,YACfW,SAAU,CACRZ,MAAM,GAAIQ,EAAMR,OAElBa,KAAML,EAAMM,OAAOD,OAErB,wBAAC,KAAD,KACE,mCACET,UAAU,yBAEV,wBAACL,EAAWS,GACZ,+BACEO,MAAO,CACLC,KAAM,EACNC,MAAO,OACPC,OAAQ,EACRC,SAAU,WACVC,cAAe,aAGjB,kCACEpB,MAAOQ,EAAMa,GACbC,IAAG,kCAAoCd,EAAMa,GAC7CN,MAAO,CACLQ,OAAQ,EACRC,IAAK,EACLR,KAAM,EACNC,MAAO,OACPC,OAAQ,OACRC,SAAU,YAEZM,iBAAe,EACfC,UAAU,KACVC,MAAM,qBAGV,wBAAC7B,EAAD","sources":["webpack://chernando.xyz/./src/templates/slides/footer.tsx","webpack://chernando.xyz/./src/templates/slides/header.tsx","webpack://chernando.xyz/./src/templates/slides/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Bio } from \"../../components\"\n\nexport default function Footer() {\n  return (\n    <footer>\n      <Bio />\n    </footer>\n  )\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { FaSpeakerDeck } from \"react-icons/fa\"\n\nimport { SlideBySlugQuery } from \"../../types/graphql-types\"\n\ntype HeaderProps = Partial<SlideBySlugQuery[\"transparenciasYaml\"]>\n\nexport default function Header({\n  title,\n  description,\n  datePublished,\n  url\n}: HeaderProps) {\n  return (\n    <>\n      <header\n        className=\"mt-4\"\n      >\n        <h1 className=\"text-2xl md:text-3xl font-extrabold\">\n          {title}\n        </h1>\n        <p\n          className=\"text-sm font-light\"\n        >\n          {datePublished} -{\" \"}\n          <Link to={url}>Publicada en <FaSpeakerDeck className=\"inline\"/></Link>\n        </p>\n      </header>\n      <p\n        className=\"mb-4\"\n      >\n        {description}\n      </p>\n    </>\n  )\n}\n","import React from \"react\"\nimport { graphql, PageProps } from \"gatsby\"\n\nimport { Layout, SEO } from \"../../components\"\nimport Footer from \"./footer\"\nimport Header from \"./header\"\n\nimport { SlideBySlugQuery } from \"../../types/graphql-types\"\n\nexport default function Slide({\n  data: { transparenciasYaml: slide },\n}: PageProps<SlideBySlugQuery>) {\n  return (\n    <>\n      <SEO\n        excerpt={slide.description}\n        pageInfo={{\n          title: `${slide.title}`,\n        }}\n        slug={slide.fields.slug}\n      />\n      <Layout>\n        <section\n          className=\"container mx-auto p-4\"\n        >\n          <Header {...slide} />\n          <div\n            style={{\n              left: 0,\n              width: \"100%\",\n              height: 0,\n              position: \"relative\",\n              paddingBottom: \"56.1972%\",\n            }}\n          >\n            <iframe\n              title={slide.id}\n              src={`https://speakerdeck.com/player/${slide.id}`}\n              style={{\n                border: 0,\n                top: 0,\n                left: 0,\n                width: \"100%\",\n                height: \"100%\",\n                position: \"absolute\",\n              }}\n              allowFullScreen\n              scrolling=\"no\"\n              allow=\"encrypted-media\"\n            ></iframe>\n          </div>\n          <Footer />\n        </section>\n      </Layout>\n    </>\n  )\n}\n\nexport const query = graphql`\n  query SlideBySlug($id: String) {\n    transparenciasYaml(id: { eq: $id }) {\n      datePublished(formatString: \"yyyy-MM-DD\")\n      description\n      fields {\n        slug\n      }\n      id\n      title\n      type\n      url\n    }\n  }\n`\n"],"names":["Footer","Header","title","description","datePublished","url","className","Link","to","Slide","slide","data","transparenciasYaml","excerpt","pageInfo","slug","fields","style","left","width","height","position","paddingBottom","id","src","border","top","allowFullScreen","scrolling","allow"],"sourceRoot":""}