component---src-pages-work-js-716d6b4c1e6a67954be0.js.map

{"version":3,"sources":["webpack:///./src/components/projects.module.css","webpack:///./src/components/projects.js","webpack:///./src/pages/work.js"],"names":["module","exports","Project","projectQuery","useStaticQuery","className","projectStyle","row","allProjectsJson","edges","map","edge","index","projectItem","node","oddClasses","aboutCont","first","key","main","test","name","yearCont","projCont","about","role","split","element","description","href","url","target","rel","button","urlLabel","blogUrl","blogLabel","imgCont","image","src","childImageSharp","fluid","alt","label","publicURL","WorkPage","title"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,IAAM,8BAA8B,KAAO,+BAA+B,SAAW,mCAAmC,UAAY,oCAAoC,KAAO,+BAA+B,OAAS,iCAAiC,QAAU,kCAAkC,SAAW,mCAAmC,MAAQ,kC,8LCgH7VC,EA1GC,WAEZ,IAAMC,EAAeC,yBAAc,cA6BnC,OACI,kBAAC,IAAD,KACI,yBAAKC,UAAWC,IAAaC,KAKrBJ,EAAaK,gBAAgBC,MAAMC,KAAI,SAACC,EAAMC,GAC1C,IAAMC,EAAcF,EAAKG,KACrBC,EAAcH,EAAQ,GAAM,EAC5BN,IAAaU,UAAY,IAAMV,IAAaW,MAAQX,IAAaU,UAErE,OACI,yBAAKE,IAAKN,EAAOP,UAAWC,IAAaa,MAKnC,QAAQC,KAAKP,EAAYQ,MA0CvB,yBAAKhB,UAAWC,IAAagB,UACzB,8BACKT,EAAYQ,OA3CrB,yBAAKhB,UAAWC,IAAaiB,UACzB,yBAAKlB,UAAWU,GAEZ,4BAAKF,EAAYQ,MACjB,4BAAKR,EAAYW,OACjB,6BACMX,EAAYY,KAAKC,MAAM,KAAKhB,KAAI,SAAAiB,GAC1B,OACI,uBAAGtB,UAAWC,IAAamB,MAAOE,OAIlD,4BAAKd,EAAYe,aAEjB,6BAEQ,uBAAGC,KAAMhB,EAAYiB,IAAKC,OAAO,SAASC,IAAI,uBAAsB,4BAAQ3B,UAAWC,IAAa2B,QAASpB,EAAYqB,WAGvHrB,EAAYsB,SAAatB,EAAYuB,UACjC,uBAAGP,KAAMhB,EAAYsB,QAASJ,OAAO,SAASC,IAAI,uBAC5C,4BAAQ3B,UAAWC,IAAa2B,QAASpB,EAAYuB,YAE3D,OAOlB,yBAAK/B,UAAWC,IAAa+B,SAEnBxB,EAAYyB,MAAMC,KAAS1B,EAAYyB,MAAMC,IAAIC,gBAC7C,kBAAC,IAAD,CAAKC,MAAO5B,EAAYyB,MAAMC,IAAIC,gBAAgBC,MAChDC,IAAK7B,EAAYyB,MAAMK,QACzB,yBAAKJ,IAAK1B,EAAYyB,MAAMC,IAAIK,UAAWF,IAAK7B,EAAYyB,MAAMK,iB,UCnEzGE,UAhBE,WAEb,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAMC,MAAM,SACZ,kBAAC,IAAD,KACI,wBAAIzC,UAAU,YAAd,QAEI,6BAFJ,2EAIA,kBAAC,EAAD","file":"component---src-pages-work-js-716d6b4c1e6a67954be0.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"row\":\"projects-module--row--3GZln\",\"main\":\"projects-module--main--3iFP9\",\"projCont\":\"projects-module--projCont--zs_xa\",\"aboutCont\":\"projects-module--aboutCont--1sJfb\",\"role\":\"projects-module--role--1n5sq\",\"button\":\"projects-module--button--1YuQl\",\"imgCont\":\"projects-module--imgCont--3bxMV\",\"yearCont\":\"projects-module--yearCont--2V2-T\",\"first\":\"projects-module--first--1mm1o\"};","import React from 'react'\n\nimport Img from 'gatsby-image'\nimport projectStyle from './projects.module.css'\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Fade from 'react-reveal/Fade'\n\nconst Project = () => {\n\n    const projectQuery = useStaticQuery ( graphql`\n        query {\n            allProjectsJson {\n                edges {\n                    node {\n                        name\n                        about\n                        role\n                        description\n                        url\n                        urlLabel\n                        blogUrl\n                        blogLabel\n                        image {\n                            label\n                            src {\n                                childImageSharp {\n                                    fluid (maxWidth: 1080) {\n                                        ...GatsbyImageSharpFluid\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    `)\n\n    return (\n        <Fade>\n            <div className={projectStyle.row}>\n                {\n                    /**\n                     * Mapping each of the object to the JSX\n                    */\n                    projectQuery.allProjectsJson.edges.map((edge, index) => {\n                        const projectItem = edge.node\n                        var oddClasses = (index % 2 !== 0) ?\n                            projectStyle.aboutCont + ' ' + projectStyle.first : projectStyle.aboutCont\n                        \n                        return (\n                            <div key={index} className={projectStyle.main}>\n                                {/*\n                                    Checking if the NAME is NOT of TYPE YEAR\n                                    If true, render project JSX, else don't\n                                */}\n                                {!/\\d{4}/.test(projectItem.name) ? \n                                    <div className={projectStyle.projCont}>\n                                        <div className={oddClasses}>\n\n                                            <h2>{projectItem.name}</h2>\n                                            <h4>{projectItem.about}</h4>\n                                            <div>\n                                                { projectItem.role.split(',').map(element => {\n                                                        return (\n                                                            <p className={projectStyle.role}>{element}</p>\n                                                        )\n                                                })}\n                                            </div>\n                                            <h3>{projectItem.description}</h3>\n\n                                            <div>\n                                                {\n                                                    <a href={projectItem.url} target=\"_blank\" rel=\"noopener noreferrer\"><button className={projectStyle.button}>{projectItem.urlLabel}</button></a>\n                                                }\n                                                {\n                                                    !!projectItem.blogUrl && !!projectItem.blogLabel\n                                                        ? <a href={projectItem.blogUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                <button className={projectStyle.button}>{projectItem.blogLabel}</button>\n                                                            </a>\n                                                        : null\n\n                                                }\n                                            </div>\n                                            \n                                        </div>\n\n                                        <div className={projectStyle.imgCont}>\n                                            {\n                                                !!projectItem.image.src && !!projectItem.image.src.childImageSharp\n                                                    ? <Img fluid={projectItem.image.src.childImageSharp.fluid}\n                                                        alt={projectItem.image.label} />\n                                                    : <img src={projectItem.image.src.publicURL} alt={projectItem.image.label} />\n                                                \n                                            }\n                                        </div>\n                                    </div> :\n\n                                    <div className={projectStyle.yearCont}>\n                                        <span>\n                                            {projectItem.name}\n                                        </span>\n                                    </div>\n                                }\n                            </div>\n                        )\n                    })\n                }\n            </div>\n        </Fade>\n    )\n}\n\nexport default Project","import React from 'react'\n\nimport Container from '../components/container'\nimport Head from '../components/head'\nimport Projects from '../components/projects';\nimport Fade from 'react-reveal/Fade'\n\nimport '../styles/work.css'\n\nconst WorkPage = () => {\n\n    return (\n        <Container>\n            <Head title=\"Work\"/>\n            <Fade>\n                <h2 className=\"heroText\">\n                    👨‍💻\n                    <br />\n                    Focused on creating engaging solutions to ease the day-to-day workflow.</h2>\n                <Projects />\n            </Fade>\n        </Container>\n    )\n}\n\nexport default WorkPage"],"sourceRoot":""}