{"version":3,"sources":["webpack:///./src/components/Title.js","webpack:///./src/components/ProjectCard.js","webpack:///./src/pages/index.js"],"names":["Title","styled","div","props","theme","colors","lightgreen","id","text","routingCheck","e","target","tagName","toLowerCase","host","window","location","preventDefault","open","href","Card","Link","Tag","CardWrapper","CardInner","ImgWrapper","Img","ProjectCard","key","onClick","to","slug","fluid","title","label","dangerouslySetInnerHTML","__html","excerpt","Button","type","link","liveLink","linkType","Projects","Container","centered","Intro","query","data","Layout","favicon","datoCmsSite","faviconMetaTags","seo","datoCmsFrontpage","seoMetaTags","image","introTitle","introductionText","workTitle","allDatoCmsWork","edges","map","work","node","tag","featuredImage","collaborator"],"mappings":"yLAGMA,EAAQC,IAAOC,IAAV,wDAAGD,CAAH,0HAQiB,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,cAKzC,WAACH,GAAD,OACP,kBAACH,EAAD,CAAOO,GAAG,YACN,4BAAKJ,EAAMK,MACX,gC,6CCbZ,SAASC,EAAaC,GACoB,MAAnCA,EAAEC,OAAOC,QAAQC,eAAyBH,EAAEC,OAAOG,OAASC,OAAOC,SAASF,OAC3EJ,EAAEO,iBACFF,OAAOG,KAAKR,EAAEC,OAAOQ,OAI7B,IAAMC,EAAOnB,YAAOoB,KAAV,wEAAGpB,CAAH,gcA0BJqB,EAAMrB,IAAOC,IAAV,uEAAGD,CAAH,yFAMHsB,EAActB,IAAOC,IAAV,+EAAGD,CAAH,8JAYXuB,EAAYvB,IAAOC,IAAV,6EAAGD,CAAH,0FAUTwB,EAAaxB,YAAOyB,KAAV,8EAAGzB,CAAH,gDA4BD0B,MArBf,SAAqBxB,GACjB,OACI,kBAACoB,EAAD,CAAaK,IAAKzB,EAAMI,IACpB,kBAACa,EAAD,CAAMS,QAASpB,EAAcqB,GAAE,aAAe3B,EAAM4B,MAChD,kBAACN,EAAD,CAAYO,MAAO7B,EAAM6B,QACzB,kBAACR,EAAD,KACI,4BAAKrB,EAAM8B,OACX,kBAACX,EAAD,KAAMnB,EAAM+B,OACZ,6BAASC,wBAAyB,CAACC,OAAQjC,EAAMkC,WAEjD,6BACI,kBAACC,EAAA,EAAD,CAAQC,KAAK,UAAWL,MAAM,YAAYM,KAAI,aAAerC,EAAM4B,OAChD,IAAlB5B,EAAMsC,UAAkB,kBAACH,EAAA,EAAD,CAAQJ,MAAM,YAAYQ,SAAS,WAAWF,KAAMrC,EAAMsC,gB,YC7ErGE,EAAW1C,IAAOC,IAAV,kEAAGD,CAAH,kCAKR2C,EAAY3C,IAAOC,IAAV,mEAAGD,CAAH,8FACE,SAAAE,GAAK,OAAIA,EAAM0C,SAAW,SAAW,UAOhDC,EAAQ7C,IAAOC,IAAV,+DAAGD,CAAH,4EASLwB,EAAaxB,YAAOyB,KAAV,oEAAGzB,CAAH,uEAoCH8C,GA7BE,0BAAGC,EAAH,EAAGA,KAAH,OACf,kBAACC,EAAA,EAAD,KACI,kBAAC,gBAAD,CAAeC,QAASF,EAAKG,YAAYC,gBAAiBC,IAAKL,EAAKM,iBAAiBC,cACrF,kBAACX,EAAD,CAAWC,UAAQ,GACf,kBAACC,EAAD,KACI,kBAAC,EAAD,CAAYd,MAAOgB,EAAKM,iBAAiBE,MAAMxB,QAC/C,4BAAKgB,EAAKM,iBAAiBG,YAC3B,yBAAKtB,wBAAyB,CAACC,OAAQY,EAAKM,iBAAiBI,qBAGjE,kBAAC,EAAD,CAAOlD,KAAMwC,EAAKM,iBAAiBK,aAGvC,kBAAChB,EAAD,KACCK,EAAKY,eAAeC,MAAMC,KAAI,gBAAQC,EAAR,EAAEC,KAAF,OAC3B,kBAAC,EAAD,CACApC,IAAKmC,EAAKxD,GACV0B,MAAO8B,EAAK9B,MACZF,KAAMgC,EAAKhC,KACXU,SAAUsB,EAAKtB,SACfP,MAAO6B,EAAKE,IACZ5B,QAAS0B,EAAK1B,QACdL,MAAO+B,EAAKG,cAAclC,MAC1BmC,aAAcJ,EAAKI,qBAMT","file":"component---src-pages-index-js-0a04452bfca40d296943.js","sourcesContent":["import React from \"react\"\nimport styled from 'styled-components'\n\nconst Title = styled.div`\n    h2{\n        text-transform:uppercase;\n        margin-bottom:5px;\n    }\n    div{\n        width: 60px;\n        height: 7px;\n        background-color: ${props => props.theme.colors.lightgreen};\n        display:inline-block;\n    }\n`\n\nexport default (props) => (\n        <Title id=\"projects\">\n            <h2>{props.text}</h2>\n            <div></div>\n        </Title>\n\n)","import React from \"react\"\nimport Button from \"../components/Button\"\nimport { Link } from \"gatsby\"\nimport Img from 'gatsby-image'\nimport styled from 'styled-components'\n\nfunction routingCheck(e){ // Allows for external link inside wrapping router component\n    if(e.target.tagName.toLowerCase() === \"a\" && e.target.host !== window.location.host){\n        e.preventDefault();\n        window.open(e.target.href);\n    }\n}\n\nconst Card = styled(Link)`\n    display:flex;\n    flex-direction:column;\n    flex-grow:1;\n    overflow:hidden;\n    background-color:white;\n    border-radius:5px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.05);\n    transition: all 0.3s cubic-bezier(.25,.8,.25,1);\n    color:initial;\n    background-image:none;\n    p{\n        color:#555;\n    }\n    h3{\n        text-transform:uppercase;\n        font-weight:700;\n        margin-top:0;\n        margin-bottom:2px;\n    }\n\n    &:hover{\n        transform:scale(1.01);\n        box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05);\n    }\n`\nconst Tag = styled.div`\n    text-transform:uppercase;\n    letter-spacing:1px;\n    font-size:0.75rem;\n    margin-bottom:0.5rem;\n`\nconst CardWrapper = styled.div`\n    display:flex;\n    padding:1rem 0.5rem;\n    width:100%;\n    @media screen and (min-width:769px){\n        padding:1rem;\n        width:50%;\n    }\n    @media screen and (min-width:1200px){\n        width:33%;\n    }\n`\nconst CardInner = styled.div`\n    padding:1.25rem;\n    flex-grow:1;\n    display:flex;\n    flex-direction:column;\n    summary{\n        flex-grow:1;\n    }\n`\n\nconst ImgWrapper = styled(Img)`\n    & > div{\n        padding-bottom:56.25% !important;\n    }\n`\n\n\nfunction ProjectCard(props) {\n    return(\n        <CardWrapper key={props.id}>\n            <Card onClick={routingCheck} to={`/projects/${props.slug}`}>\n                <ImgWrapper fluid={props.fluid} />\n                <CardInner>\n                    <h3>{props.title}</h3>\n                    <Tag>{props.label}</Tag>\n                    <summary dangerouslySetInnerHTML={{__html: props.excerpt}}></summary>\n        {/*<Collaborator dangerouslySetInnerHTML={{__html: \"In collaboration with \" + props.collaborator}}></Collaborator>*/}\n                    <div>\n                        <Button type=\"primary\"  label=\"View case\" link={`/projects/${props.slug}`} />\n                        {props.liveLink != \"\" && <Button label=\"Live demo\" linkType=\"external\" link={props.liveLink} />}\n                    </div>\n\n                </CardInner> \n            </Card>\n        </CardWrapper>\n    )\n}\n\nexport default ProjectCard","import React from \"react\"\nimport { graphql } from 'gatsby'\nimport Layout from \"../components/Layout\"\nimport Title from \"../components/Title\"\nimport styled from 'styled-components'\nimport ProjectCard from \"../components/ProjectCard\"\nimport Img from 'gatsby-image'\nimport { HelmetDatoCms } from 'gatsby-source-datocms'\n\nconst Projects = styled.div`\n    display:flex;\n    flex-wrap:wrap;\n`\n\nconst Container = styled.div`\n    text-align:${props => props.centered ? \"center\" : \"left\"};\n    margin-bottom:25px;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n`\n\nconst Intro = styled.div`\n    margin-bottom:125px;\n\n    & > div:last-child{\n        max-width:600px;\n        margin:0 auto;\n    }\n`\n\nconst ImgWrapper = styled(Img)`\n    border-radius:50%;\n    max-width:200px;\n    max-height:200px;\n    margin:0 auto;\n`\n\nexport default ({ data }) => (\n<Layout>\n    <HelmetDatoCms favicon={data.datoCmsSite.faviconMetaTags} seo={data.datoCmsFrontpage.seoMetaTags} />\n    <Container centered>\n        <Intro>\n            <ImgWrapper fluid={data.datoCmsFrontpage.image.fluid}/>\n            <h1>{data.datoCmsFrontpage.introTitle}</h1>\n            <div dangerouslySetInnerHTML={{__html: data.datoCmsFrontpage.introductionText}}></div>\n        </Intro>\n\n        <Title text={data.datoCmsFrontpage.workTitle}/>\n    </Container>\n\n    <Projects>\n    {data.allDatoCmsWork.edges.map(({node: work }) => (\n        <ProjectCard\n        key={work.id}\n        title={work.title}\n        slug={work.slug}\n        liveLink={work.liveLink} \n        label={work.tag} \n        excerpt={work.excerpt} \n        fluid={work.featuredImage.fluid}\n        collaborator={work.collaborator} />\n    ))}\n    </Projects>\n</Layout>\n)\n\nexport const query = graphql`\n    query IndexQuery {\n        datoCmsSite {\n            globalSeo {\n              siteName\n            }\n            faviconMetaTags {\n              ...GatsbyDatoCmsFaviconMetaTags\n            }\n          }\n        datoCmsFrontpage {\n            introTitle\n            introductionText\n            workTitle\n            seoMetaTags{\n                ...GatsbyDatoCmsSeoMetaTags\n              }\n            image {\n                fluid(maxWidth: 350, imgixParams: { fm: \"jpg\", auto: \"compress\" }) {\n                    ...GatsbyDatoCmsSizes\n                    }\n                }\n            }\n        allDatoCmsWork {\n            edges {\n                node {\n                id\n                title\n                tag\n                slug\n                liveLink\n                excerpt\n                collaborator\n                featuredImage {\n                    fluid(maxWidth: 450, imgixParams: { fm: \"jpg\", auto: \"compress\" }) {\n                        ...GatsbyDatoCmsSizes\n                        }\n                    }\n                }\n            }\n        }\n    }\n`"],"sourceRoot":""}