{"version":3,"sources":["webpack:///./src/components/pageContent.tsx","webpack:///./src/components/icons/iconMoon/index.tsx","webpack:///./src/models/clientData.ts","webpack:///./src/components/pages/aboutPage/index.tsx","webpack:///./src/pages/about.tsx","webpack:///./node_modules/react-icomoon/dist/index.js","webpack:///./src/components/haveProject.tsx","webpack:///./src/components/mastHead/index.tsx","webpack:///./src/components/BreadcrumbBar/index.tsx","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./src/components/pages/aboutPage/masthead.jpg"],"names":["PageContent","props","children","restProps","key","undefined","className","MoonIcons","IconMoon","iconSet","clientData","photoPath","clients","name","description","imagePath","altImage","link","BlankClient","ServiceItem","styleConfig","breakPoints","lg","AboutPage","backgroundImage","img","BreadcrumbBar","Content","href","id","to","sitePaths","appLinks","contact","icon","size","target","rel","map","client","mapID","src","alt","About","metaTagData","_react","ownKeys","a","b","c","Object","keys","getOwnPropertySymbols","d","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","configurable","writable","_objectWithoutProperties","e","f","indexOf","_objectWithoutPropertiesLoose","prototype","propertyIsEnumerable","call","exports","style","display","stroke","fill","_default","disableFill","removeInlineStyle","g","console","warn","h","icons","find","properties","concat","width","height","i","j","viewBox","k","paths","createElement","attrs","HaveProjectContainer","colors","gray","screens","HaveProject","data-aos","data-aos-delay","MastHead","MastHeadOverlay","index","largeMode","cn","css","Container","List","blue","$export","$find","forced","Array","P","F","callbackfn","this","module"],"mappings":"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","file":"component---src-pages-about-tsx-b6066ed37a66097d2630.js","sourcesContent":["import React from 'react'\n\nexport const PageContent = (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>): React.ReactElement => {\n  const { children, ...restProps } = props\n  return (\n    <div key={props.key ? props.key : undefined} {...restProps} className={`mx-auto container flex flex-col flex-grow ${props.className}`}>\n      {children}\n    </div>\n  )\n}\n\nexport default PageContent\n","import IcoMoon from 'react-icomoon'\nimport React from 'react'\nimport iconSet from './selection.json'\n\nexport enum MoonIcons {\n  mobile = 'mobile',\n  chat = 'chat',\n  tools = 'tools',\n  tools2 = 'tools2',\n  twitter = 'twitter',\n  facebook = 'facebook',\n  desktop = 'desktop',\n  tablet = 'tablet',\n  browser = 'browser',\n}\ninterface IIconMoonProps {\n  icon?: keyof typeof MoonIcons\n  size?: number | string\n  color?: string\n  style?: object\n  className?: string\n  disableFill?: boolean\n  removeInlineStyle?: boolean\n}\nconst IconMoon = ({ ...props }: IIconMoonProps): React.ReactElement => {\n  return <IcoMoon iconSet={iconSet} {...props} />\n}\n\nexport default IconMoon\n","export interface IClient {\n  name: string\n  description: string\n  key: string\n  imagePath: string\n  altImage: string\n  link?: string\n  internalLink?: boolean\n}\nexport interface IClientData {\n  photoPath: string\n  clients: IClient[]\n}\n\nexport const clientData: IClientData = {\n  photoPath: '/img/portfolio/gallery',\n  clients: [\n    { key: 'ibm', name: 'IBM', description: '', imagePath: '/img/clientimages/ibm.jpg', altImage: 'IBM', link: 'https://www.ibm.com' },\n    { key: 'gnr8r', name: 'GNR8R Marketing Group Inc', description: '', imagePath: '/img/clientimages/GNR8R.jpg', altImage: 'GNR8R Marketing Group Inc', link: 'https://gnr8r.ca' },\n    { key: 'bayview', name: 'Bayview Flowers', description: '', imagePath: '/img/clientimages/bayviewlogo.jpg', altImage: 'Bayview Flowers' },\n    { key: 'experis', name: 'Experis', description: '', imagePath: '/img/clientimages/experis.jpg', altImage: 'Experis' },\n    { key: 'flightcentre', name: 'Flight Centre Travel Group', description: '', imagePath: '/img/clientimages/ibm.jpg', altImage: 'Flight Centre' },\n    { key: 'maclaren', name: 'MacLaren McCann', description: '', imagePath: '/img/clientimages/maclaren.jpg', altImage: 'MacLaren McCann' },\n    { key: 'zonetail', name: 'ZoneTail', description: '', imagePath: '/img/clientimages/zonetail.jpg', altImage: 'ZoneTail' },\n    { key: 'bell', name: 'Bell Canada', description: '', imagePath: '/img/clientimages/bell.jpg', altImage: 'Bell Canada', link: 'https://www.bell.ca' },\n    { key: 'innocean', name: 'Innocean Worldwide', description: '', imagePath: '/img/clientimages/innocean.jpg', altImage: '' },\n    { key: 'data', name: 'DATA Group of Companies', description: '', imagePath: '/img/clientimages/datagroup.jpg', altImage: 'DATA Group of Companies' },\n    { key: 'ontarioflowers', name: 'Ontario Flower Growers', description: '', imagePath: '/img/clientimages/ofg.jpg', altImage: 'Ontario Flower Growers', link: 'https://www.ontarioflowers.com' },\n    { key: 'bmo', name: 'Bank of Montreal', description: '', imagePath: '/img/clientimages/bmo.jpg', altImage: 'Bank of Montreal' },\n    { key: 'rogers', name: 'Rogers Communications', description: '', imagePath: '/img/clientimages/rogers.jpg', altImage: 'Rogers Communications' },\n    { key: 'mmarketing', name: 'M Marketing Inc.', description: '', imagePath: '/img/clientimages/mmarketing.jpg', altImage: 'M Marketing Inc.' },\n    { key: 'alwind', name: 'Alwind Industries', description: '', imagePath: '/img/clientimages/alwind.jpg', altImage: 'Alwind Industries', link: 'https://www.alwind.com' },\n    { key: 'nestle', name: 'Nestle', description: '', imagePath: '/img/clientimages/nestle.jpg', altImage: 'Nestle' },\n    { key: 'td', name: 'TD', description: '', imagePath: '/img/clientimages/td.jpg', altImage: 'TD' },\n    { key: 'manulife', name: 'Manulife', description: '', imagePath: '/img/clientimages/manulife.jpg', altImage: 'Manulife' },\n    { key: 'ogilvy', name: 'Ogilvy', description: '', imagePath: '/img/clientimages/ogilvy.jpg', altImage: 'Ogilvy' },\n    { key: 'McCain', name: 'McCain', description: '', imagePath: '/img/clientimages/mccain.jpg', altImage: 'McCain' },\n    { key: 'OnX', name: 'OnX', description: '', imagePath: '/img/clientimages/onx.jpg', altImage: 'OnX' },\n    { key: 'sympatico', name: 'Sympatico', description: '', imagePath: '/img/clientimages/sympatico.jpg', altImage: 'Sympatico' },\n    { key: 'resoucemedia', name: 'Resouce Media', description: '', imagePath: '/img/clientimages/resource.jpg', altImage: 'Resouce Media' },\n    { key: 'vpg', name: 'Virtually Perfect Golf', description: '', imagePath: '/img/clientimages/vpg.jpg', altImage: 'Virtually Perfect Golf' },\n    { key: 'ATI', name: 'ATI', description: '', imagePath: '/img/clientimages/ati.jpg', altImage: 'ATI' },\n    { key: 'eagle', name: 'Eagle Resources', description: '', imagePath: '/img/clientimages/eagle.jpg', altImage: 'Eagle Resources' },\n    { key: 'Webfeat', name: 'Webfeat', description: '', imagePath: '/img/clientimages/webfeat.jpg', altImage: 'Webfeat' },\n    { key: 'MoreCreative', name: 'MoreCreative', description: '', imagePath: '/img/clientimages/morecreative.jpg', altImage: 'MoreCreative' },\n    { key: 'Goldcorp', name: 'Goldcorp', description: '', imagePath: '/img/clientimages/goldcorp.jpg', altImage: 'Goldcorp' },\n    { key: 'glaxo', name: 'Glaxo Smith Kline', description: '', imagePath: '/img/clientimages/glaxo.jpg', altImage: 'Glaxo Smith Kline' },\n    { key: 'Sonar', name: 'Sonar', description: '', imagePath: '/img/clientimages/sonar.jpg', altImage: 'Sonar' },\n    { key: 'corpworld', name: 'Corpworld', description: '', imagePath: '/img/clientimages/corpworld.jpg', altImage: 'Corpworld' },\n    { key: 'Enerquality', name: 'Enerquality', description: '', imagePath: '/img/clientimages/enerquality.jpg', altImage: 'Enerquality' },\n    { key: 'warren', name: 'Warren Sheppell', description: '', imagePath: '/img/clientimages/warren.jpg', altImage: 'Warren Sheppell' },\n    { key: 'silverbirch', name: 'Silverbirch Studios', description: '', imagePath: '/img/clientimages/silverbirch.jpg', altImage: 'Silverbirch Studios' },\n    { key: 'clickmedia', name: 'Clickmedia', description: '', imagePath: '/img/clientimages/clickmedia.jpg', altImage: 'Clickmedia' },\n    { key: 'Applanix', name: 'Applanix', description: '', imagePath: '/img/clientimages/applanix.jpg', altImage: 'Applanix' },\n    { key: 'Calisto', name: 'Calisto', description: '', imagePath: '/img/clientimages/calisto.jpg', altImage: 'Calisto' },\n    { key: 'redwood', name: 'Redwood E-Learning', description: '', imagePath: '/img/clientimages/redwood.jpg', altImage: 'Redwood E-Learning' },\n  ],\n}\n","//import { AppContext, lightBoxVisibleAction } from 'state/context/appContext'\n\nimport BreadcrumbBar from 'components/BreadcrumbBar'\nimport HaveProject from 'components/haveProject'\nimport IconMoon from 'components/icons/iconMoon'\nimport { Link } from 'gatsby'\n//import { H2 } from 'components/text'\n//import { Link } from 'gatsby'\nimport Masthead from 'components/mastHead/index.tsx'\nimport PageContent from 'components/pageContent'\nimport React from 'react'\n//import { sitePaths } from 'config/paths'\nimport { clientData } from 'models/clientData'\n// import { css } from '@emotion/core'\nimport img from './masthead.jpg'\nimport { sitePaths } from 'config/paths'\nimport styleConfig from 'config/styleConfig'\nimport styled from '@emotion/styled'\n\nconst BlankClient = styled.div`\n  width: 150px;\n  margin: 1rem;\n  height: 0;\n`\n\nconst ServiceItem = styled.div`\n  max-width: none;\n  ${styleConfig.breakPoints.lg} {\n    max-width: 33.333333%;\n  }\n  padding: 2rem 2rem 2rem 2rem;\n  .service-icons {\n    margin: 0 0 2rem;\n  }\n  h3 {\n    font-size: 1.3rem;\n    margin: 0 0 1rem;\n  }\n`\n\nconst AboutPage = (): React.ReactElement => {\n  /*const { dispatch } = React.useContext(AppContext)\n  const handleOpenGallery = (e: React.MouseEvent | React.KeyboardEvent): void => {\n    const photoId = Number(e.currentTarget.getAttribute('data-photo-id'))\n    const Images = ['/img/building.jpg', '/img/building2.jpg']\n    dispatch(lightBoxVisibleAction(true, Images, photoId))\n  }*/\n  return (\n    <>\n      <Masthead backgroundImage={img}>\n        <h1 className=\"lg:text-6xl text-5xl text-center\">About</h1>\n      </Masthead>\n      <div className=\"flex flex-col flex-grow\">\n        <BreadcrumbBar>\n          <BreadcrumbBar.Content>\n            <li>\n              <a href=\"#whatwedo\">What We Do</a>\n            </li>\n            <li>\n              <a href=\"#clients\">Clients</a>\n            </li>\n          </BreadcrumbBar.Content>\n        </BreadcrumbBar>\n\n        <section id=\"whatwedo\" className=\"bg-gray-200\">\n          <PageContent className=\"mb-20 my-3 p-6 \">\n            <h2 className=\"text-center font-body text-5xl font-thin text-gray-700 mb-10 mt-10 fadeInUp animated\">What We Do</h2>\n\n            <p className=\"fadeInUp animated py-3\">\n              We offer professional website application development. Our team offers a strong in depth knowledge and experience in building applications and we&apos;ve{' '}\n              <a href=\"#clients\">worked with</a> some of Canada&apos;s largest corporate institutions and leading edge marketing agencies.\n            </p>\n            <p className=\"fadeInUp animated py-3\">\n              Our developers can code your new application or website in the latest web technologies using industry standard best practices and procedures. We’ll be there to help you through the\n              critical design and planning process and help you choose a web strategy that suits your business needs.\n            </p>\n            <p className=\"fadeInUp animated py-3\">\n              <Link to={sitePaths.appLinks.contact}>Talk to us</Link> about helping your team make your next project a success too.\n            </p>\n          </PageContent>\n        </section>\n\n        <section className=\"bg-white py-20\">\n          <PageContent className=\"p-4\">\n            <div className=\"flex flex-row flex-wrap \">\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"browser\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>Web Development</h3>\n                <p>Our main service is providing leading edge internet application developement using open source tools</p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"tools\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>UX Design</h3>\n                <p>We build user friendly interfaces for our applications. With experience for multiple platforms and screensizes</p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"mobile\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>Mobile Apps</h3>\n                <p>Our apps are made using Responsive CSS, HTML, JS and CSS and deployed for both Android and iOS</p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"facebook\" className=\"text-blue-700\" size=\"80\" />\n                  &nbsp;\n                  <IconMoon icon=\"twitter\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>Social Apps</h3>\n                <p>Our apps are social. We use Facebook, Twitter and other APIs integration into our applications</p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"desktop\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>Desktop Apps</h3>\n                <p>\n                  We build Desktop Apps with{' '}\n                  <a href=\"http://electron.atom.io\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Electron\n                  </a>\n                  . Your desktop app is made with web technologies like JavaScript, HTML and CSS\n                </p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"tools2\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>REST APIs</h3>\n                <p>We build REST APIs that provide programmatic access to read and write to your company data</p>\n              </ServiceItem>\n              <ServiceItem className=\"fadeInUp animated\">\n                <div className=\"service-icons\">\n                  <IconMoon icon=\"chat\" className=\"text-blue-700\" size=\"80\" />\n                </div>\n                <h3>Consulting</h3>\n                <p>We offer consulting for companies at all stages of project development.</p>\n              </ServiceItem>\n            </div>\n            <div className=\"text-center pt-16\">\n              <a className=\"btn fadeInUp animated block lift\" href=\"/portfolio\">\n                View our portfolio\n              </a>\n            </div>\n          </PageContent>\n        </section>\n\n        <section id=\"clients\" className=\"bg-gray-200 py-10\">\n          <PageContent className=\"p-6\">\n            <div className=\"text-center\">\n              <h2 className=\"font-body text-5xl font-thin text-gray-700 mb-10 mt-10 fadeInUp animated\">Clients</h2>\n              <p className=\"fadeInUp animated py-3\">This is a brief list of some of the companies we&apos;ve worked on projects for.</p>\n            </div>\n\n            <div className=\"flex flex-wrap flex-row w-full justify-around py-10\">\n              {clientData.clients.map((client, mapID): React.ReactNode | void => (\n                <img key={mapID} className=\"rounded-lg shadow-md m-4 img-responsive animated fadeIn\" src={`${client.imagePath}`} alt={client.altImage} />\n              ))}\n              <BlankClient />\n              <BlankClient />\n              <BlankClient />\n            </div>\n          </PageContent>\n        </section>\n      </div>\n      <HaveProject />\n    </>\n  )\n}\n\nexport default AboutPage\n","import AboutPage from 'components/pages/aboutPage'\nimport Head from 'components/head'\nimport Layout from 'layouts'\nimport React from 'react'\nimport { metaTagData } from 'config'\n\nconst About = (): React.ReactElement => {\n  return (\n    <>\n      <Head metaTagData={metaTagData} />\n      <Layout>\n        <AboutPage />\n      </Layout>\n    </>\n  )\n}\n\nexport default About\n","\"use strict\";\n\nrequire(\"core-js/modules/es6.array.map\");\n\nrequire(\"core-js/modules/es6.function.name\");\n\nrequire(\"core-js/modules/es6.array.find\");\n\nrequire(\"core-js/modules/es6.array.index-of\");\n\nrequire(\"core-js/modules/es6.object.define-properties\");\n\nrequire(\"core-js/modules/es7.object.get-own-property-descriptors\");\n\nrequire(\"core-js/modules/es6.array.for-each\");\n\nrequire(\"core-js/modules/es6.array.filter\");\n\nrequire(\"core-js/modules/es6.symbol\");\n\nrequire(\"core-js/modules/web.dom.iterable\");\n\nrequire(\"core-js/modules/es6.array.iterator\");\n\nrequire(\"core-js/modules/es6.object.to-string\");\n\nrequire(\"core-js/modules/es6.object.keys\");\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _react = require(\"react\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: !0\n}), exports[\"default\"] = void 0;\n\nfunction ownKeys(a, b) {\n  var c = Object.keys(a);\n\n  if (Object.getOwnPropertySymbols) {\n    var d = Object.getOwnPropertySymbols(a);\n    b && (d = d.filter(function (b) {\n      return Object.getOwnPropertyDescriptor(a, b).enumerable;\n    })), c.push.apply(c, d);\n  }\n\n  return c;\n}\n\nfunction _objectSpread(a) {\n  for (var b, c = 1; c < arguments.length; c++) {\n    b = null == arguments[c] ? {} : arguments[c], c % 2 ? ownKeys(Object(b), !0).forEach(function (c) {\n      _defineProperty(a, c, b[c]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(b)) : ownKeys(Object(b)).forEach(function (c) {\n      Object.defineProperty(a, c, Object.getOwnPropertyDescriptor(b, c));\n    });\n  }\n\n  return a;\n}\n\nfunction _defineProperty(a, b, c) {\n  return b in a ? Object.defineProperty(a, b, {\n    value: c,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : a[b] = c, a;\n}\n\nfunction _objectWithoutProperties(a, b) {\n  if (null == a) return {};\n\n  var c,\n      d,\n      e = _objectWithoutPropertiesLoose(a, b);\n\n  if (Object.getOwnPropertySymbols) {\n    var f = Object.getOwnPropertySymbols(a);\n\n    for (d = 0; d < f.length; d++) {\n      c = f[d], !(0 <= b.indexOf(c)) && Object.prototype.propertyIsEnumerable.call(a, c) && (e[c] = a[c]);\n    }\n  }\n\n  return e;\n}\n\nfunction _objectWithoutPropertiesLoose(a, b) {\n  if (null == a) return {};\n  var c,\n      d,\n      e = {},\n      f = Object.keys(a);\n\n  for (d = 0; d < f.length; d++) {\n    c = f[d], 0 <= b.indexOf(c) || (e[c] = a[c]);\n  }\n\n  return e;\n}\n\nvar style = {\n  display: \"inline-block\",\n  stroke: \"currentColor\",\n  fill: \"currentColor\"\n},\n    IcoMoon = function IcoMoon(a) {\n  var b = a.iconSet,\n      c = a.icon,\n      d = a.size,\n      e = a.disableFill,\n      f = a.removeInlineStyle,\n      g = _objectWithoutProperties(a, [\"iconSet\", \"icon\", \"size\", \"disableFill\", \"removeInlineStyle\"]);\n\n  if (!b || !c) return console.warn(\"The \\\"iconSet\\\" and \\\"icon\\\" props are required.\"), null;\n  var h = b.icons.find(function (a) {\n    return a.properties.name === c;\n  });\n  if (!h) return console.warn(\"\\\"\".concat(c, \"\\\" icon not found.\")), null;\n  d && (style.width = d, style.height = d), g.style = _objectSpread({}, f ? {} : style, {}, g.style || {});\n  var i = h.icon.width,\n      j = void 0 === i ? \"1024\" : i;\n  g.viewBox = \"0 0 \".concat(j, \" 1024\");\n  var k = h.icon.paths.map(function (a, b) {\n    return (0, _react.createElement)(\"path\", _objectSpread({\n      d: a,\n      key: c + b\n    }, e ? {} : h.icon.attrs[b]));\n  });\n  return (0, _react.createElement)(\"svg\", g, k);\n},\n    _default = IcoMoon;\n\nexports[\"default\"] = _default;","import { Link } from 'gatsby'\nimport React from 'react'\n//import ScrollAnimation from 'react-animate-on-scroll'\nimport { sitePaths } from 'config/paths'\nimport { styleConfig } from 'config/styleConfig'\nimport styled from '@emotion/styled'\n\nconst HaveProjectContainer = styled.div`\n  background-color: ${styleConfig.colors.gray[600]};\n  padding: 3em 0;\n  @media screen and (min-width: ${styleConfig.screens.lg}) {\n    padding: 4em 0;\n  }\n  h2 {\n    font-weight: 300;\n    color: white;\n    font-size: 2em;\n    @media screen and (min-width: ${styleConfig.screens.lg}) {\n      font-size: 2.5em;\n    }\n  }\n`\n\nconst HaveProject = (): React.ReactElement => {\n  return (\n    <HaveProjectContainer>\n      <div data-aos=\"fade-up\" className=\"flex flex-col mx-4 items-center\">\n        <h2>Have a project?</h2>\n        <Link data-aos=\"fade-down\" data-aos-delay=\"300\" to={sitePaths.appLinks.contact} className=\"max-w-xl w-100 lift px-5 btn\">\n          Let{\"'\"}s get started!\n        </Link>\n      </div>\n    </HaveProjectContainer>\n  )\n}\n\nexport default HaveProject\n","import React from 'react'\nimport cn from 'classnames'\nimport { css } from '@emotion/core'\nimport styleConfig from 'config/styleConfig'\nimport styled from '@emotion/styled'\n\nconst MastHead = styled.div`\n  display: flex;\n  background: #000;\n  flex-direction: column;\n  justify-content: center;\n  background-size: 100% 100%;\n  background-position: bottom left;\n  background-repeat: no-repeat;\n  overflow: hidden;\n  width: 100%;\n  height: 350px;\n  padding: 40px 0 0 0;\n  ${styleConfig.breakPoints.lg} {\n    padding: 80px 0 0 0;\n  }\n  &.largeMode {\n    height: 400px;\n  }\n  ${styleConfig.breakPoints.lg} {\n    padding: 30px 0 0 0;\n    height: 300px;\n    &.largeMode {\n      height: 500px;\n    }\n  }\n  position: relative;\n`\n\nconst MastHeadOverlay = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #2a2d36;\n  opacity: 0.4;\n`\ninterface IProps {\n  largeMode?: boolean\n  backgroundImage: string\n  children: React.ReactNode\n}\n\nconst index = ({ largeMode = false, children, backgroundImage }: IProps): React.ReactElement => {\n  return (\n    <div>\n      <MastHead className={cn('text-white font-light animated fadeIn', { largeMode })} css={css`background-image: url('${backgroundImage}');`}>\n        {largeMode && <MastHeadOverlay />}\n        <div className=\"relative mx-auto px-4 justify-center container overflow-hidden flex flex-col text-center xl:text-left\">{children}</div>\n      </MastHead>\n    </div>\n  )\n}\n\nexport default index\n","import React from 'react'\nimport styleConfig from 'config/styleConfig'\nimport styled from '@emotion/styled'\n\ninterface IProps {\n  children: React.ReactNode\n  className?: string\n}\n/*\nconst Container = (props: IProps): React.ReactElement => {\n  return <BreadcrumbBarContainer className={props.className}>{props.children}</BreadcrumbBarContainer>\n}\n*/\nconst Container = styled.div`\n  padding: 1rem;\n  background: white;\n  display: flex;\n  margin: 0 auto 0;\n  width: 100%;\n`\nconst List = styled.ul`\n  li {\n    padding: 0 1.5rem 0 0;\n  }\n  a:hover {\n    color: ${styleConfig.colors.blue[800]};\n  }\n`\nconst BreadcrumbBar = (props: IProps): React.ReactElement => {\n  return <Container className={`mx-auto container justify-between ${props.className}`}>{props.children}</Container>\n}\nconst Content = (props: IProps): React.ReactElement => {\n  return <List className={`lg:text-xl overflow-hidden flex ${props.className}`}>{props.children}</List>\n}\nBreadcrumbBar.Content = Content\nexport default BreadcrumbBar\n","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","module.exports = __webpack_public_path__ + \"static/masthead-3bcc3894e2078897bec854be158373d1.jpg\";"],"sourceRoot":""}