component---src-pages-trainings-js-8e56725993bffe2d06e8.js.map

{"version":3,"file":"component---src-pages-trainings-js-8e56725993bffe2d06e8.js","mappings":"+GAyBA,IAvBmBA,IAA6B,IAA5B,GAAEC,EAAE,QAAEC,EAAO,MAAEC,GAAOH,EACxC,OACEI,EAAAA,cAAA,OAAKC,UAAU,iFACbD,EAAAA,cAAA,KAAGE,KAAML,EAAIM,OAAO,SAASC,IAAI,sBAAsBH,UAAU,SAC/DD,EAAAA,cAAA,OAAKC,UAAU,sHACZF,GAGHC,EAAAA,cAAA,OAAKC,UAAU,yBACbD,EAAAA,cAAA,OAAKC,UAAU,oCACbD,EAAAA,cAAA,OACEK,IAAKP,EACLQ,IAAKP,EACLA,MAAOA,EACPE,UAAU,kCAKd,C,uGC2DV,UAxEkBL,IAAmB,IAAlB,SAAEW,GAAUX,EAC7B,MAuBMY,GAvBQC,EAAAA,EAAAA,gBAAe,cAuBFC,OAAOC,OAC3BC,EAAWC,GAAgBb,EAAAA,SAAeQ,EAAaM,MAAM,EAAG,KAEvE,OACEd,EAAAA,cAACe,EAAAA,EAAM,CAACR,SAAUA,GACdP,EAAAA,cAACgB,EAAAA,EAAG,CACJjB,MAAM,6BACNkB,YAAY,uDACZC,IAAKX,EAASL,KACdiB,MAAOC,EAAAA,IAEPpB,EAAAA,cAAA,OAAKC,UAAU,YACfD,EAAAA,cAACqB,EAAAA,EAAS,CAACpB,UAAU,SACrBD,EAAAA,cAAA,MAAIC,UAAU,4BAA2B,8BAGzCD,EAAAA,cAAA,OAAKC,UAAU,gCACfD,EAAAA,cAACsB,EAAAA,EAAI,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAC9Bd,EAAUe,KAAI,CAACC,EAAMC,KAAW,IAADC,EAAAC,EAAAC,EAAAC,EAC5B,OACAjC,EAAAA,cAACA,EAAAA,SAAc,CAACkC,IAAKL,GACjB7B,EAAAA,cAACmC,EAAAA,EAAU,CACXtC,GAAyB,QAAvBiC,EAAEF,EAAKQ,KAAKC,mBAAW,IAAAP,OAAA,EAArBA,EAAuBQ,KAC3BvC,MAA4B,QAAvBgC,EAAEH,EAAKQ,KAAKC,mBAAW,IAAAN,OAAA,EAArBA,EAAuBhC,MAC9BD,QAA8B,QAAvBkC,EAAEJ,EAAKQ,KAAKC,mBAAW,IAAAL,GAAM,QAANC,EAArBD,EAAuBO,YAAI,IAAAN,OAAN,EAArBA,EAA6BO,YAGrCX,IAAUjB,EAAU6B,OAAS,GAC9BjC,EAAaiC,SAAW7B,EAAU6B,QAC9BzC,EAAAA,cAAA,UACA0C,QAASA,IAAM7B,EAAaL,GAC5BP,UAAU,iKACVD,EAAAA,cAAA,OAAKC,UAAU,2BAA0B,WAC5BO,EAAaiC,SAIjB,QAOhB,C,uBC5Eb,IAAe,IAA0B,kD","sources":["webpack://argo/./src/components/ui/card-member.js","webpack://argo/./src/pages/trainings.js","webpack://argo/./src/images/thumbnails/home.png"],"sourcesContent":["import * as React from \"react\"\n\nconst CardMember = ({ to, logoSrc, title }) => {\n  return (\n    <div className=\"bg-white rounded-xl transition-shadow duration-200 group hover:shadow-primary\">\n      <a href={to} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block\">\n        <div className=\"py-2 text-gray text-center text-sm border-b-2 border-light transition-colors duration-200 group-hover:text-primary\">\n          {title}\n        </div>\n\n        <div className=\"aspect-w-4 aspect-h-3\">\n          <div className=\"flex items-center justify-center\">\n            <img\n              src={logoSrc}\n              alt={title}\n              title={title}\n              className=\"absolute h-auto max-w-9/12\"\n            />\n          </div>\n        </div>\n      </a>\n    </div>\n  )\n}\n\nexport default CardMember\n","import * as React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport CardMember from \"../components/ui/card-member\"\nimport { Grid, Container } from \"../components/ui/grid\"\nimport thumbnail from \"../images/thumbnails/home.png\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\n\nconst Trainings = ({ location }) => {\n  const query = useStaticQuery(\n    graphql`\n      query {\n        allMdx(\n          filter: {internal: {contentFilePath: {regex: \"/(content/trainings)/\"}}}\n          sort: {frontmatter: {title: ASC}}\n        ) {\n          edges {\n            node {\n              frontmatter {\n                title\n                site\n                logo {\n                  publicURL\n                }\n              }\n            }\n          }\n        }\n      }\n    `\n  )\n\n  const allTrainings = query.allMdx.edges\n  const [trainings, setTrainings] = React.useState(allTrainings.slice(0, 23))\n\n  return (\n    <Layout location={location}>\n        <Seo\n        title=\"training and certification\"\n        description=\"Become a professional by getting certified in GitOps\"\n        url={location.href}\n        image={thumbnail}\n        />\n        <div className=\"bg-light\">\n        <Container className=\"pt-20\">\n        <h2 className=\"text-center lg:text-left\">\n            Trainings & Certifications\n        </h2>\n        <div className=\"pt-4 pb-24 md:pb-32 md:pt-10\">\n        <Grid xs={1} sm={2} lg={2} xl={3}> \n        {trainings.map((item, index) => {\n            return (\n            <React.Fragment key={index}>\n                <CardMember\n                to={item.node.frontmatter?.site}\n                title={item.node.frontmatter?.title}\n                logoSrc={item.node.frontmatter?.logo?.publicURL}\n                />\n\n                {index === trainings.length - 1 &&\n                allTrainings.length !== trainings.length && (\n                    <button\n                    onClick={() => setTrainings(allTrainings)}\n                    className=\"flex justify-center items-center text-primary bg-gradient-to-tl from-primary/20 to-transparent rounded-xl transition-shadow duration-200 hover:shadow-primary\">\n                    <div className=\"px-4 font-bold text-2xl\">\n                        See all {allTrainings.length}\n                    </div>\n                    </button>\n                )}\n            </React.Fragment>\n            )\n        })}\n        </Grid>\n        </div>\n        </Container>\n        </div>\n    </Layout>\n  )\n}\n\nexport default Trainings\n","export default __webpack_public_path__ + \"static/home-15d3ed7f06b22973bcd7922e497ef311.png\";"],"names":["_ref","to","logoSrc","title","React","className","href","target","rel","src","alt","location","allTrainings","useStaticQuery","allMdx","edges","trainings","setTrainings","slice","Layout","Seo","description","url","image","thumbnail","Container","Grid","xs","sm","lg","xl","map","item","index","_item$node$frontmatte","_item$node$frontmatte2","_item$node$frontmatte3","_item$node$frontmatte4","key","CardMember","node","frontmatter","site","logo","publicURL","length","onClick"],"sourceRoot":""}