component---src-pages-gallery-js-7eca7895980db2e777e0.js.map

{"version":3,"file":"component---src-pages-gallery-js-7eca7895980db2e777e0.js","mappings":"oNA4BA,EAtBmB,SAAC,GAAD,MAAGA,EAAH,EAAGA,IAAKC,EAAR,EAAQA,GAAIC,EAAZ,EAAYA,KAAMC,EAAlB,EAAkBA,aAAcC,EAAhC,EAAgCA,MAAOC,EAAvC,EAAuCA,SAAvC,OACf,gBAAC,OAAD,GACIJ,GAAIA,EACJK,UAAW,EACXC,OAAQ,EACRL,KAAMA,EACNM,UAAU,8FALd,OAMW,IANX,GAQI,sBAAIA,UAAcC,EAAAA,EAAAA,GAAL,aAA2BN,GAAiBC,GACzD,uBAAKJ,IAAKA,EAAKQ,UAAU,oBACzB,uBAAKA,UAAcC,EAAAA,EAAAA,EAAL,gBAA8BJ,KC+DpD,EAvEoB,SAAC,GAAsB,IAArBK,EAAoB,EAApBA,KAAMC,EAAc,EAAdA,SAErBP,EAAK,UAELQ,GAAWC,EAAAA,EAAAA,KAEjB,OACC,gCACC,gBAAC,IAAD,CACCH,KAAMA,EACNC,SAAUA,EACVP,MAAOA,EACPU,KAAK,UACLC,YAVc,qCAWdC,MAAOJ,IAER,gBAAC,IAAD,CAAQK,UAAU,yBAAyBC,UAAU,YACxC,uBAAKV,UAAU,eACX,uBAAKA,UAAcC,EAAAA,EAAAA,KAAAA,GAAL,mDACV,sBAAID,UAAcC,EAAAA,EAAAA,GAAL,iCACT,gBAAC,EAAAU,KAAD,CAAMlB,GAAG,UAAUO,UAAU,kBAAkBJ,MAS3D,uBAAKI,UAAcC,EAAAA,EAAAA,KAAAA,GAAL,WAEV,2BAASD,UAAU,kDAEf,gBAAC,EAAD,CAAYN,KAAK,GAAGE,MAAM,kBAAkBJ,IAAI,2BAC5C,qBAAGQ,UAAcC,EAAAA,EAAAA,EAAL,WAIhB,gBAAC,EAAD,CAAYR,GAAG,GAAGG,MAAM,kBAAkBJ,IAAI,2CAC1C,qBAAGQ,UAAcC,EAAAA,EAAAA,EAAL,WAIhB,gBAAC,EAAD,CAAYR,GAAG,GAAGG,MAAM,eAAeJ,IAAI,4BACvC,qBAAGQ,UAAcC,EAAAA,EAAAA,EAAL","sources":["webpack://docs/./src/components/gallery/GalleryBox.js","webpack://docs/./src/pages/gallery.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Box} from '../common'\nimport { Spirit } from '../../styles/spirit-styles'\n\nconst GalleryBox = ({ src, to, href, headingClass, title, children }) => (\n    <Box\n        to={to}\n        elevation={0}\n        radius={0}\n        href={href}\n        className=\"col-12 col-6-ns col-4-l pa8 tdn middarkgrey gallery-box-min-height gallery-box-max-height\"\n        radius=\"4\"\n    >\n        <h2 className={`${Spirit.h2} darkgrey ${headingClass}`}>{title}</h2>\n        <img src={src} className=\"gallery-img mt2\"/>\n        <div className={`${Spirit.p} mt2 midgrey`}>{children}</div>\n    </Box>\n)\n\nGalleryBox.propTypes = {\n    children: PropTypes.node.isRequired,\n    title: PropTypes.string.isRequired,\n    to: PropTypes.string,\n    href: PropTypes.string,\n}\n\nexport default GalleryBox\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport { graphql } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport { Layout } from '../components/common/layout'\nimport { Spirit } from '../styles/spirit-styles'\nimport { MetaData, getMetaImageUrls } from '../components/common/meta'\nimport { GalleryBox } from '../components/gallery'\n\nconst GalleryPage = ({data, location}) => {\n\n\tconst title = `Gallery`\n\tconst description = `This is the gallery and demo page.`\n\tconst imageUrl = getMetaImageUrls()\n\n\treturn(\n\t\t<>\n\t\t\t<MetaData\n\t\t\t\tdata={data}\n\t\t\t\tlocation={location}\n\t\t\t\ttitle={title}\n\t\t\t\ttype=\"website\"\n\t\t\t\tdescription={description}\n\t\t\t\timage={imageUrl}\n\t\t\t/>\n\t\t\t<Layout mainClass=\"bg-whitegrey-l2 pb-vw3\" bodyClass=\"bg-white\">\n                <div className=\"bg-concepts\">\n                    <div className={`${Spirit.page.xl} pt12 pb4 pt-vw1-ns pb-vw1-ns white pl10 pl0-ns`}>\n                        <h1 className={`${Spirit.h4} gh-integration-header-shadow`}>\n                            <Link to=\"/about/\" className=\"link dim white\">{title}</Link>\n                        </h1>\n                    </div>\n                </div>\n\n                {/* <div className={`${Spirit.page.xl} mt-vw3`}>\n                    <Carousel />\n                </div> */}\n\n                <div className={`${Spirit.page.xl} mt-vw3`}>\n\n                    <section className=\"grid-12 gutter-row-20 gutter-20-ns gutter-36-l\">\n\n                        <GalleryBox href=\"\" title=\"Pyramidal cells\" src=\"/images/cover-image.png\">\n                            <p className={`${Spirit.p} mw70`}>\n                            </p>\n                        </GalleryBox>\n\n                        <GalleryBox to=\"\" title=\"Soma clustering\" src=\"/images/soma-clustering-final-state.png\">\n                            <p className={`${Spirit.p} mw70`}>\n                            </p>\n                        </GalleryBox>\n\n                        <GalleryBox to=\"\" title=\"Epidemiology\" src=\"/images/measles.0001.png\">\n                            <p className={`${Spirit.p} mw70`}>\n                            </p>\n                        </GalleryBox>\n                    </section>\n\n                </div>\n\n\t\t\t</Layout>\n\t\t</>\n\t)\n}\n\nGalleryPage.propTypes = {\n    data: PropTypes.shape({\n        site: PropTypes.shape({\n            siteMetadata: PropTypes.shape({\n                siteUrl: PropTypes.string.isRequired,\n                title: PropTypes.string.isRequired,\n                description: PropTypes.string.isRequired,\n            }).isRequired,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n}\n\nexport default GalleryPage\n\nexport const pageQuery = graphql`\n    query {\n        site {\n            ...SiteMetaFields\n        }\n    }\n`\n"],"names":["src","to","href","headingClass","title","children","elevation","radius","className","Spirit","data","location","imageUrl","getMetaImageUrls","type","description","image","mainClass","bodyClass","Link"],"sourceRoot":""}