component---src-templates-about-js-68ef25221ed8456cb09b.js.map

{"version":3,"sources":["webpack:///./src/components/ColorBar.js","webpack:///./src/components/Hero.js","webpack:///./src/components/hero.module.css","webpack:///./src/templates/post.module.css","webpack:///./src/templates/about.js","webpack:///./src/components/colorBar.module.css"],"names":["colors","blue","darkBlue","orange","pink","ColorBar","props","className","styles","colorBar","style","background","color","Hero","imageStyle","homeHeroImage","previewHeroImage","pageHeroImage","titleStyle","homeHeroTitle","previewHeroTitle","pageHeroTitle","hero","backgroundImage","image","title","module","exports","data","markdownRemark","frontmatter","post","dangerouslySetInnerHTML","__html","html"],"mappings":"2IAGMA,EAAS,CACXC,KAAM,UACNC,SAAU,UACVC,OAAQ,UACRC,KAAM,WAQKC,EALE,SAAEC,GAAF,OACb,yBAAKC,UAAWC,IAAOC,SAAUC,MAAO,CAAEC,WAAW,2CAA4CX,EAAQM,EAAMM,OAA3D,Q,qBCYzCC,IAnBF,SAAEP,GAEX,IAAMQ,EAA4B,QAAfR,EAAMI,MAAkBF,IAAOO,cAC9B,YAAhBT,EAAMI,MAAsBF,IAAOQ,iBAC/BR,IAAOS,cACTC,EAA4B,QAAfZ,EAAMI,MAAkBF,IAAOW,cAC9B,YAAhBb,EAAMI,MAAsBF,IAAOY,iBAC/BZ,IAAOa,cAEf,OACI,yBAAKd,UAAWC,IAAOc,MACnB,yBAAKf,UAAWO,EAAYJ,MAAO,CAAEa,gBAAgB,OAAQjB,EAAMkB,MAAf,MAC/ClB,EAAMmB,OAAS,wBAAIlB,UAAWW,GAAcZ,EAAMmB,MAAnC,MAEpB,kBAAC,EAAD,CAAUb,MAAON,EAAMM,W,uBCjBnCc,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,uBCAl9BD,EAAOC,QAAU,CAAC,UAAY,6BAA+B,OAAS,OAAO,aAAe,OAAO,eAAiB,QAAQ,qBAAuB,OAAO,qBAAuB,OAAO,gBAAkB,SAAS,YAAc,QAAQ,YAAc,QAAQ,KAAO,6B,kCCDtQ,6EAMe,sBAAe,IAAZC,EAAW,EAAXA,KAEd,EAAyBA,EAAKC,eAAeC,YAArCL,EAAR,EAAQA,MAAOD,EAAf,EAAeA,MAEf,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAMA,MAAOA,EAAOZ,MAAM,OAAOa,MAAOA,IACxC,yBAAKlB,UAAWC,IAAOuB,MACnB,yBAAKC,wBAAyB,CAAEC,OAAQL,EAAKC,eAAeK,Y,qBCb5ER,EAAOC,QAAU,CAAC,SAAW","file":"component---src-templates-about-js-68ef25221ed8456cb09b.js","sourcesContent":["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 = {\"variables\":\"\\\"../layouts/variables.css\\\"\",\"margin\":\"20px\",\"headerHeight\":\"74px\",\"contentPadding\":\"120px\",\"contentPaddingTablet\":\"80px\",\"contentPaddingMobile\":\"40px\",\"maxContentWidth\":\"1600px\",\"breakTablet\":\"768px\",\"breakMobile\":\"420px\",\"post\":\"post-module--post--BLAJH\"};","import React from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from '../layouts/Layout';\nimport Hero from '../components/Hero';\nimport styles from './post.module.css';\n\nexport default ({ data }) => {\n\n    const { title, image } = data.markdownRemark.frontmatter;\n\n    return (\n        <Layout>\n            <Hero image={image} color=\"pink\" title={title} />\n            <div className={styles.post}>\n                <div dangerouslySetInnerHTML={{ __html: data.markdownRemark.html }} ></div>\n            </div>\n        </Layout>\n    );\n\n};\n\nexport const postQuery = graphql`\n  query ($path: String!) {\n    markdownRemark(fields: { slug: { eq: $path } }) {\n      frontmatter {\n        title\n        image\n      }\n      html\n    }\n   }\n`;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"colorBar\":\"colorBar-module--colorBar--P85CT\"};"],"sourceRoot":""}