component---src-templates-projects-js-4b8679253585f620db7e.js.map

{"version":3,"sources":["webpack:///./src/components/preview.module.css","webpack:///./src/components/Preview.js","webpack:///./src/components/ColorBar.js","webpack:///./src/components/Hero.js","webpack:///./src/components/hero.module.css","webpack:///./src/components/colorBar.module.css","webpack:///./src/templates/projects.module.css","webpack:///./src/templates/projects.js"],"names":["module","exports","Preview","props","className","styles","preview","projects","map","project","index","key","to","node","fields","slug","image","frontmatter","title","color","style","summary","colors","blue","darkBlue","orange","pink","ColorBar","colorBar","background","Hero","imageStyle","homeHeroImage","previewHeroImage","pageHeroImage","titleStyle","homeHeroTitle","previewHeroTitle","pageHeroTitle","hero","backgroundImage","data","thisPage","page","edges"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,UAAY,6BAA+B,KAAO,UAAU,KAAO,UAAU,aAAe,4CAA4C,SAAW,UAAU,aAAe,QAAQ,QAAU,mC,oCCDhN,sEAsBeC,IAjBC,SAAEC,GAAF,OACZ,yBAAKC,UAAWC,IAAOC,SAGfH,EAAMI,SAASC,KAAI,SAAEC,EAASC,GAAX,OACf,6BAASC,IAAKD,GACV,kBAAC,IAAD,CAAME,GAAIH,EAAQI,KAAKC,OAAOC,MAC1B,kBAAC,IAAD,CAAMC,MAAOP,EAAQI,KAAKI,YAAYD,MAAOE,MAAOT,EAAQI,KAAKI,YAAYC,MAAOC,MAAOhB,EAAMgB,MAAOC,MAAM,aAElH,8BACA,2BAAIX,EAAQI,KAAKI,YAAYI,SAC7B,kBAAC,IAAD,CAAMT,GAAIH,EAAQI,KAAKC,OAAOC,MAA9B,qB,kFCbdO,EAAS,CACXC,KAAM,UACNC,SAAU,UACVC,OAAQ,UACRC,KAAM,WAQKC,EALE,SAAExB,GAAF,OACb,yBAAKC,UAAWC,IAAOuB,SAAUR,MAAO,CAAES,WAAW,2CAA4CP,EAAQnB,EAAMgB,OAA3D,Q,qBCYzCW,IAnBF,SAAE3B,GAEX,IAAM4B,EAA4B,QAAf5B,EAAMiB,MAAkBf,IAAO2B,cAC9B,YAAhB7B,EAAMiB,MAAsBf,IAAO4B,iBAC/B5B,IAAO6B,cACTC,EAA4B,QAAfhC,EAAMiB,MAAkBf,IAAO+B,cAC9B,YAAhBjC,EAAMiB,MAAsBf,IAAOgC,iBAC/BhC,IAAOiC,cAEf,OACI,yBAAKlC,UAAWC,IAAOkC,MACnB,yBAAKnC,UAAW2B,EAAYX,MAAO,CAAEoB,gBAAgB,OAAQrC,EAAMa,MAAf,MAC/Cb,EAAMe,OAAS,wBAAId,UAAW+B,GAAchC,EAAMe,MAAnC,MAEpB,kBAAC,EAAD,CAAUC,MAAOhB,EAAMgB,W,uBCjBnCnB,EAAOC,QAAU,CAAC,UAAY,6BAA+B,QAAU,OAAO,eAAiB,QAAQ,qBAAuB,OAAO,YAAc,QAAQ,qBAAuB,OAAO,YAAc,QAAQ,aAAe,QAAQ,gBAAkB,SAAS,KAAO,UAAU,KAAO,UAAU,SAAW,8DAA8D,aAAe,YAAY,iBAAmB,WAAW,KAAO,2BAA2B,UAAY,gCAAgC,cAAgB,kEAAkE,cAAgB,kEAAkE,iBAAmB,qEAAqE,UAAY,gCAAgC,cAAgB,kEAAkE,cAAgB,kEAAkE,iBAAmB,uE,qBCAl9BD,EAAOC,QAAU,CAAC,SAAW,qC,qBCA7BD,EAAOC,QAAU,CAAC,UAAY,6BAA+B,eAAiB,QAAQ,qBAAuB,OAAO,YAAc,QAAQ,qBAAuB,OAAO,YAAc,QAAQ,QAAU,OAAO,gBAAkB,SAAS,aAAe,4CAA4C,aAAe,OAAO,KAAO,iC,kCCDlU,qGAQe,sBAAe,IAAZwC,EAAW,EAAXA,KAEd,EAAyBA,EAAKC,SAASzB,YAA/BC,EAAR,EAAQA,MAAOF,EAAf,EAAeA,MAGf,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAMA,MAAOA,EAAOE,MAAOA,EAAOC,MAJxB,SAKV,yBAAKf,UAAWC,IAAOsC,MACnB,kBAAC,IAAD,CAASpC,SAAUkC,EAAKlC,SAASqC,MAAOzB,MANlC","file":"component---src-templates-projects-js-4b8679253585f620db7e.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"variables\":\"\\\"../layouts/variables.css\\\"\",\"grey\":\"#9c9c9c\",\"blue\":\"#00ccff\",\"gradientGrey\":\"linear-gradient(-45deg, #c5c5c5, #9c9c9c)\",\"darkBlue\":\"#0055d4\",\"breakColumns\":\"640px\",\"preview\":\"preview-module--preview--iuFpM\"};","import React from 'react';\nimport { Link } from 'gatsby';\nimport Hero from './Hero';\nimport styles from './preview.module.css';\n\nconst Preview = ( props ) => (\n    <div className={styles.preview}>\n        {\n\n            props.projects.map(( project, index ) =>\n                <article key={index}>\n                    <Link to={project.node.fields.slug}>\n                        <Hero image={project.node.frontmatter.image} title={project.node.frontmatter.title} color={props.color} style=\"preview\"/>\n                    </Link>\n                    <div></div>\n                    <p>{project.node.frontmatter.summary}</p>\n                    <Link to={project.node.fields.slug} > ... more </Link>\n                </article> )}\n\n    </div>\n);\n\nexport default Preview;\n","import React from 'react';\nimport styles from './colorBar.module.css';\n\nconst colors = {\n    blue: '#00ccff',\n    darkBlue: '#0055d4',\n    orange: '#ff6600',\n    pink: '#ff00cc'\n};\n\nconst ColorBar = ( props ) => (\n    <div className={styles.colorBar} style={{ background: `linear-gradient(to bottom, transparent, ${colors[ props.color ]})` }} >\n    </div>\n);\n\nexport default ColorBar;\n","import React from 'react';\nimport ColorBar from './ColorBar';\nimport styles from './hero.module.css';\n\nconst Hero = ( props ) => {\n\n    const imageStyle = props.style == 'home' ? styles.homeHeroImage :\n        props.style === 'preview' ? styles.previewHeroImage :\n            styles.pageHeroImage;\n    const titleStyle = props.style == 'home' ? styles.homeHeroTitle :\n        props.style === 'preview' ? styles.previewHeroTitle :\n            styles.pageHeroTitle;\n\n    return (\n        <div className={styles.hero}>\n            <div className={imageStyle} style={{ backgroundImage: `url(${props.image})` }}>\n                {props.title && <h1 className={titleStyle} >{props.title} </h1>}\n            </div>\n            <ColorBar color={props.color}/>\n        </div>\n    );\n};\n\nexport default Hero;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"variables\":\"\\\"../layouts/variables.css\\\"\",\"padding\":\"40px\",\"contentPadding\":\"120px\",\"contentPaddingTablet\":\"80px\",\"breakTablet\":\"768px\",\"contentPaddingMobile\":\"40px\",\"breakMobile\":\"420px\",\"breakColumns\":\"640px\",\"maxContentWidth\":\"1600px\",\"blue\":\"#00ccff\",\"grey\":\"#9c9c9c\",\"gradient\":\"linear-gradient(-45deg, #00ccff, #ff00cc, #ff6600, #0055d4)\",\"gradientSize\":\"200% 200%\",\"gradientPosition\":\"100% 30%\",\"hero\":\"hero-module--hero--S__gH\",\"heroImage\":\"hero-module--heroImage--DciWV\",\"homeHeroImage\":\"hero-module--homeHeroImage--2HGn_ hero-module--heroImage--DciWV\",\"pageHeroImage\":\"hero-module--pageHeroImage--2axNo hero-module--heroImage--DciWV\",\"previewHeroImage\":\"hero-module--previewHeroImage--1Dq9J hero-module--heroImage--DciWV\",\"heroTitle\":\"hero-module--heroTitle--2LulU\",\"homeHeroTitle\":\"hero-module--homeHeroTitle--21TB_ hero-module--heroTitle--2LulU\",\"pageHeroTitle\":\"hero-module--pageHeroTitle--39fQv hero-module--heroTitle--2LulU\",\"previewHeroTitle\":\"hero-module--previewHeroTitle--12RDO hero-module--heroTitle--2LulU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"colorBar\":\"colorBar-module--colorBar--P85CT\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"variables\":\"\\\"../layouts/variables.css\\\"\",\"contentPadding\":\"120px\",\"contentPaddingTablet\":\"80px\",\"breakTablet\":\"768px\",\"contentPaddingMobile\":\"40px\",\"breakMobile\":\"420px\",\"padding\":\"40px\",\"maxContentWidth\":\"1600px\",\"gradientGrey\":\"linear-gradient(-45deg, #c5c5c5, #9c9c9c)\",\"headerHeight\":\"74px\",\"page\":\"projects-module--page--1_wSW\"};","import React from 'react';\nimport { Link, graphql } from 'gatsby';\nimport Layout from '../layouts/Layout';\nimport Hero from '../components/Hero';\nimport Preview from '../components/Preview';\nimport styles from './projects.module.css';\n\n\nexport default ({ data }) => {\n\n    const { title, image } = data.thisPage.frontmatter;\n    const colorBand = 'blue';\n\n    return (\n        <Layout>\n            <Hero image={image} title={title} color={colorBand}/>\n            <div className={styles.page}>\n                <Preview projects={data.projects.edges} color={colorBand}/>\n            </div>\n        </Layout>\n    );\n\n};\n\nexport const projectsQuery = graphql`\n  query ($path: String!) {\n    thisPage: markdownRemark(fields: { slug: { eq: $path } }) {\n      frontmatter {\n        title\n        image\n      }\n    }\n    projects: allMarkdownRemark(filter: {fileAbsolutePath: {regex: \"/content/projects\\//\"}}) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            image\n            summary\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}