{"version":3,"sources":["webpack:///./src/components/Layout/ImageBox/ImageBox.js","webpack:///./node_modules/file-saver/dist/FileSaver.min.js","webpack:///./node_modules/gatsby-plugin-google-analytics/index.js","webpack:///./src/pages/articles/zoom-garage.js"],"names":["Box","styled","div","props","marginTop","maxSize","minSize","ImageBox","size","children","c","a","b","d","XMLHttpRequest","open","responseType","onload","g","response","onerror","console","error","send","status","e","dispatchEvent","MouseEvent","document","createEvent","initMouseEvent","window","f","self","global","navigator","test","userAgent","saveAs","HTMLAnchorElement","prototype","h","i","URL","webkitURL","j","createElement","name","download","rel","href","origin","location","target","createObjectURL","setTimeout","revokeObjectURL","msSaveOrOpenBlob","autoBom","warn","type","Blob","title","body","innerText","HTMLElement","safari","FileReader","k","onloadend","result","replace","readAsDataURL","l","m","module","exports","_interopRequireDefault","require","__esModule","OutboundLink","trackCustomEvent","_ref","category","action","label","value","_ref$nonInteraction","nonInteraction","transport","hitCallback","_ref$callbackTimeout","callbackTimeout","ga","trackingEventOptions","eventCategory","eventAction","eventLabel","eventValue","callback","opt_timeout","called","raceCallback","createFunctionWithTimeout","_extends2","_objectWithoutPropertiesLoose2","_react","_propTypes","rest","default","onClick","redirect","button","altKey","ctrlKey","metaKey","shiftKey","defaultPrevented","toLowerCase","propTypes","string","number","func","ZoomGaragePage","query","render","data","backgrounds","allContentfulPage","edges","node","contentReference","map","item","Card","key","fluid","image","style","backgroundSize","backgroundPosition","backgroundRepeat","width","height","Container","Heading","Credit","dangerouslySetInnerHTML","__html","text","Download","filepath","filename","downloader","file","url","description","placeholderImage","childImageSharp","BackgroundSection","section","span"],"mappings":"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","file":"component---src-pages-articles-zoom-garage-js-e1ebb1f79c0b27cfd6ab.js","sourcesContent":["import React from \"react\"\nimport styled from 'styled-components'\n\nconst ImageBox = ({ size, minSize, maxSize, marginTop, children }) => {\n    if(!size) size = \"300px\";\n    if(!maxSize) maxSize = size;\n    if(!minSize) minSize = size;\n    if(!marginTop) marginTop = \"60px\";    \n   \n  return (\n    <>\n        <Box maxSize={maxSize} minSize={minSize} marginTop={marginTop}>\n            {children}\n        </Box>\n    </>\n  )\n} \n\nconst Box = styled.div`\n  margin-top: ${props => props.marginTop};\n  width: 100%;\n  max-width: ${props => props.maxSize};\n  min-width: ${props => props.minSize};\n  @media (max-width: 800px) {\n    margin-top: ${props => props.marginTop/2}px;\n  }\n\n`\nexport default ImageBox\n\n\n//width: ${props => props.size};","(function (a, b) {\n  if (\"function\" == typeof define && define.amd) define([], b);else if (\"undefined\" != typeof exports) b();else {\n    b(), a.FileSaver = {\n      exports: {}\n    }.exports;\n  }\n})(this, function () {\n  \"use strict\";\n\n  function b(a, b) {\n    return \"undefined\" == typeof b ? b = {\n      autoBom: !1\n    } : \"object\" != typeof b && (console.warn(\"Deprecated: Expected third argument to be a object\"), b = {\n      autoBom: !b\n    }), b.autoBom && /^\\s*(?:text\\/\\S*|application\\/xml|\\S*\\/\\S*\\+xml)\\s*;.*charset\\s*=\\s*utf-8/i.test(a.type) ? new Blob([\"\\uFEFF\", a], {\n      type: a.type\n    }) : a;\n  }\n\n  function c(a, b, c) {\n    var d = new XMLHttpRequest();\n    d.open(\"GET\", a), d.responseType = \"blob\", d.onload = function () {\n      g(d.response, b, c);\n    }, d.onerror = function () {\n      console.error(\"could not download file\");\n    }, d.send();\n  }\n\n  function d(a) {\n    var b = new XMLHttpRequest();\n    b.open(\"HEAD\", a, !1);\n\n    try {\n      b.send();\n    } catch (a) {}\n\n    return 200 <= b.status && 299 >= b.status;\n  }\n\n  function e(a) {\n    try {\n      a.dispatchEvent(new MouseEvent(\"click\"));\n    } catch (c) {\n      var b = document.createEvent(\"MouseEvents\");\n      b.initMouseEvent(\"click\", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), a.dispatchEvent(b);\n    }\n  }\n\n  var f = \"object\" == typeof window && window.window === window ? window : \"object\" == typeof self && self.self === self ? self : \"object\" == typeof global && global.global === global ? global : void 0,\n      a = f.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent),\n      g = f.saveAs || (\"object\" != typeof window || window !== f ? function () {} : \"download\" in HTMLAnchorElement.prototype && !a ? function (b, g, h) {\n    var i = f.URL || f.webkitURL,\n        j = document.createElement(\"a\");\n    g = g || b.name || \"download\", j.download = g, j.rel = \"noopener\", \"string\" == typeof b ? (j.href = b, j.origin === location.origin ? e(j) : d(j.href) ? c(b, g, h) : e(j, j.target = \"_blank\")) : (j.href = i.createObjectURL(b), setTimeout(function () {\n      i.revokeObjectURL(j.href);\n    }, 4E4), setTimeout(function () {\n      e(j);\n    }, 0));\n  } : \"msSaveOrOpenBlob\" in navigator ? function (f, g, h) {\n    if (g = g || f.name || \"download\", \"string\" != typeof f) navigator.msSaveOrOpenBlob(b(f, h), g);else if (d(f)) c(f, g, h);else {\n      var i = document.createElement(\"a\");\n      i.href = f, i.target = \"_blank\", setTimeout(function () {\n        e(i);\n      });\n    }\n  } : function (b, d, e, g) {\n    if (g = g || open(\"\", \"_blank\"), g && (g.document.title = g.document.body.innerText = \"downloading...\"), \"string\" == typeof b) return c(b, d, e);\n    var h = \"application/octet-stream\" === b.type,\n        i = /constructor/i.test(f.HTMLElement) || f.safari,\n        j = /CriOS\\/[\\d]+/.test(navigator.userAgent);\n\n    if ((j || h && i || a) && \"undefined\" != typeof FileReader) {\n      var k = new FileReader();\n      k.onloadend = function () {\n        var a = k.result;\n        a = j ? a : a.replace(/^data:[^;]*;/, \"data:attachment/file;\"), g ? g.location.href = a : location = a, g = null;\n      }, k.readAsDataURL(b);\n    } else {\n      var l = f.URL || f.webkitURL,\n          m = l.createObjectURL(b);\n      g ? g.location = m : location.href = m, g = null, setTimeout(function () {\n        l.revokeObjectURL(m);\n      }, 4E4);\n    }\n  });\n  f.saveAs = g.saveAs = g, \"undefined\" != typeof module && (module.exports = g);\n});","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.OutboundLink = OutboundLink;\nexports.trackCustomEvent = trackCustomEvent;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar createFunctionWithTimeout = function createFunctionWithTimeout(callback, opt_timeout) {\n  if (opt_timeout === void 0) {\n    opt_timeout = 1000;\n  }\n\n  var called = false;\n\n  var raceCallback = function raceCallback() {\n    if (!called) {\n      called = true;\n      callback();\n    }\n  };\n\n  setTimeout(raceCallback, opt_timeout);\n  return raceCallback;\n};\n\nfunction OutboundLink(props) {\n  var eventCategory = props.eventCategory,\n      eventAction = props.eventAction,\n      eventLabel = props.eventLabel,\n      eventValue = props.eventValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"eventCategory\", \"eventAction\", \"eventLabel\", \"eventValue\"]);\n  return /*#__PURE__*/_react.default.createElement(\"a\", (0, _extends2.default)({}, rest, {\n    onClick: function onClick(e) {\n      if (typeof props.onClick === \"function\") {\n        props.onClick(e);\n      }\n\n      var redirect = true;\n\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.defaultPrevented) {\n        redirect = false;\n      }\n\n      if (props.target && props.target.toLowerCase() !== \"_self\") {\n        redirect = false;\n      }\n\n      if (window.ga) {\n        window.ga(\"send\", \"event\", {\n          eventCategory: eventCategory || \"Outbound Link\",\n          eventAction: eventAction || \"click\",\n          eventLabel: eventLabel || props.href,\n          eventValue: eventValue,\n          transport: redirect ? \"beacon\" : \"\",\n          hitCallback: function hitCallback() {\n            if (redirect) {\n              document.location = props.href;\n            }\n          }\n        });\n      } else {\n        if (redirect) {\n          document.location = props.href;\n        }\n      }\n\n      return false;\n    }\n  }));\n}\n\nOutboundLink.propTypes = {\n  href: _propTypes.default.string,\n  target: _propTypes.default.string,\n  eventCategory: _propTypes.default.string,\n  eventAction: _propTypes.default.string,\n  eventLabel: _propTypes.default.string,\n  eventValue: _propTypes.default.number,\n  onClick: _propTypes.default.func\n};\n/**\n * This allows the user to create custom events within their Gatsby projects.\n *\n * @param {import('gatsby-plugin-google-analytics').CustomEventArgs} args\n * @see https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#events\n */\n\nfunction trackCustomEvent(_ref) {\n  var category = _ref.category,\n      action = _ref.action,\n      label = _ref.label,\n      value = _ref.value,\n      _ref$nonInteraction = _ref.nonInteraction,\n      nonInteraction = _ref$nonInteraction === void 0 ? false : _ref$nonInteraction,\n      transport = _ref.transport,\n      hitCallback = _ref.hitCallback,\n      _ref$callbackTimeout = _ref.callbackTimeout,\n      callbackTimeout = _ref$callbackTimeout === void 0 ? 1000 : _ref$callbackTimeout;\n\n  if (typeof window !== \"undefined\" && window.ga) {\n    var trackingEventOptions = {\n      eventCategory: category,\n      eventAction: action,\n      eventLabel: label,\n      eventValue: value,\n      nonInteraction: nonInteraction,\n      transport: transport\n    };\n\n    if (hitCallback && typeof hitCallback === \"function\") {\n      trackingEventOptions.hitCallback = createFunctionWithTimeout(hitCallback, callbackTimeout);\n    }\n\n    window.ga(\"send\", \"event\", trackingEventOptions);\n  }\n}","import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport BackgroundImage from 'gatsby-background-image'\nimport Img from \"gatsby-image\"\nimport Layout from \"../../components/Layout/Layout\"\nimport SEO from \"../../components/Seo/Seo\"\nimport styled from 'styled-components'\nimport { saveAs } from 'file-saver';\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\nimport SectionPageMargin from '../../components/Layout/Section/SectionPageMargin'\nimport PageHeader from '../../components/Layout/PageHeader/PageHeader'\nimport Grid2 from '../../components/Layout/Grid2/Grid2'\nimport GridItem from '../../components/Layout/GridItem/GridItem'\nimport Heading2 from '../../components/Type/Heading2'\nimport Paragraph1 from '../../components/Type/Paragraph1'\nimport FlexCenter from '../../components/Layout/Flex/FlexCenter'\nimport ImageBox from '../../components/Layout/ImageBox/ImageBox'\nimport ReadyToGetStarted from '../../components/ReadyToGetStarted/ReadyToGetStarted'\n\n\nconst ZoomGaragePage = ({location}) => (\n\t<StaticQuery\n\t\tquery={graphql`\n\t\t\tquery  {\n\t\t\t\tallContentfulPage(filter: {contentful_id: {eq: \"2oWgaZ28hKK3VZuCsPp1gy\"}}) {\n\t\t\t\t\tedges {\n\t\t\t\t\tnode {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\tcontent {\n\t\t\t\t\t\tcontent\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontentReference {\n\t\t\t\t\t\t... on ContentfulItem {\n\t\t\t\t\t\t\tid\n\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\ttext {\n\t\t\t\t\t\t\ttext\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\timage {\n\t\t\t\t\t\t\tfluid (maxWidth: 300) {\n\t\t\t\t\t\t\t\t...GatsbyContentfulFluid_noBase64\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfile {\n\t\t\t\t\t\t\t\turl\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tplaceholderImage: file(relativePath: { eq: \"articles-zoom.png\" }) {\n\t\t\t\t\tchildImageSharp {\n\t\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n\n\t\trender={data => {\n\n\t\t\tconst downloader = (e, filepath, filename) => {\n\n\t\t\t\tif (e) {\n\t\t\t\t\te.target.innerText = \"ok\"\n\t\t\t\t}\n\n\t\t\t\ttrackCustomEvent({\n\t\t\t\t\tcategory: \"Download\",\n\t\t\t\t\taction: \"Zoom Background\",\n\t\t\t\t\tlabel: filename\n\t\t\t\t});\n\n\t\t\t\tsaveAs('https:' + filepath + '?fm=jpg&q=80', filename);\n\n\t\t\t}\n\t\t\tconst backgrounds = data.allContentfulPage.edges[0].node.contentReference.map((item, i) =>\n\n\t\t\t\t<Card key={i}>\n\n\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\tfluid={item.image.fluid}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\twidth: '300px',\n\t\t\t\t\t\t\theight: '200px'\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Container>\n\t\t\t\t\t\t<Heading>{item.title}</Heading>\n\t\t\t\t\t\t<Credit>~ Photo credits ~</Credit>\n\t\t\t\t\t\t<div dangerouslySetInnerHTML={{ __html: item.text.text }} />\n\t\t\t\t\t</Container>\n\t\t\t\t\t<Download name={item.title} onClick={(e) => downloader(e, item.image.file.url, item.title + '.jpg')} >download</Download>\n\t\t\t\t</Card>\n\t\t\t);\n\n\t\t\treturn (\n\n\t\t\t\t<Layout>\n\n\t\t\t\t\t<SEO title=\"Summon Zoom Garage\"\n\t\t\t\t\t\tdescription=\"A collection of premium Zoom background car images.\"\n\t\t\t\t\t\tlocation={location}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<PageHeader \n\t\t\t\t\t\ttitle=\"Dream Garage Zoom Backgrounds\" \n\t\t\t\t\t\ttext=\"Now that we’re spending all our days on Zoom calls, we thought it was an opportune\n\t\t\t\t\t\ttime for you to subtly show off the contents of your garage… you know, the one\n\t\t\t\t\t\tconveniently located behind your home office of course.\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SectionPageMargin>\n\t\t\t\t\t\t<Grid2>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<Heading2>Ready to #humblebrag?</Heading2>\n\t\t\t\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\t\t\t\tTo start, download your favourite Zoom Background from the choices below.\n\t\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\t\t\t\tTo create a custom background in Zoom, either go to Preferences or select the ‘Virtual Background’ option from beside the ‘Start Video’ / ‘Stop Video’ button in the bottom menu. Then click on the + icon to upload your own image.\n\t\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\t\t\t\tNow try to keep a straight face as your friends and colleagues enviously study your garage.\n\t\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\t\t\t\tAt Summon, we are now doing “virtual test-drives” over Zoom, allowing buyers of our prestige cars to look around, ask questions and get up close and personal with the car without leaving your own home. Summon is an Australian concierge service for selling your prestige car.\n              \t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<FlexCenter>\n\t\t\t\t\t\t\t\t\t<ImageBox>\n\t\t\t\t\t\t\t\t\t\t<Img fluid={data.placeholderImage.childImageSharp.fluid} />\n\t\t\t\t\t\t\t\t\t</ImageBox>\n\t\t\t\t\t\t\t\t</FlexCenter>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t</Grid2>\n\t\t\t\t\t</SectionPageMargin>\n\n\t\t\t\t\t<SectionPageMargin>\n\t\t\t\t\t\t<BackgroundSection>\n\t\t\t\t\t\t\t{backgrounds}\n\t\t\t\t\t\t</BackgroundSection>\n\t\t\t\t\t</SectionPageMargin>\n\n\t\t\t\t\t<ReadyToGetStarted />\n\t\t\t\t\t\n\t\t\t\t</Layout>\n\n\t\t\t)\n\t\t}}\n\t/>\n)\n\nexport default ZoomGaragePage\n\n\nconst BackgroundSection = styled.section`\n    display: flex;\n    flex-flow: row wrap;\n\tjustify-content: space-between;\n\n\t@media (max-width: 650px) {\n\t\tjustify-content: center;\n\t  } \n\n`;\n\n\nconst Card = styled.div`\n  background-color: #ffffff;\n  color: #000000;\n  width: 300px;\n  height: 369px;\n  margin: 10px 0px 30px 0px;\n  padding: 0px;\n  border: 2px solid #3479ae;\n\n  &:hover {\n    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);\n  }\n`;\n\nconst Container = styled.div`\n  padding: 5px;\n  height: 120px;\n  text-align: center;\n  \n  \n  p {\n    color: black;\n    margin: 0px;\n    padding: 0px;\n  }\n\n  a {\n    color: black;\n  }\n`;\n\nconst Heading = styled.span`\n  display: block;\n  font-weight: bold;\n  margin-bottom: 10px;\n  font-size: 1.2em;\n`;\n\nconst Credit = styled.span`\n  colour: dark-grey;\n  margin: 0px;\n  padding: 0px;\n  font-size: .9rem;\n`;\nconst Download = styled.button`\n  background: #3479ae;\n  width: 100%;\n  height: 40px;\n  color: white;\n  margin: 0px;\n  padding: 0px;\n  font-size: 1em;\n  text-decoration: none;\n  border: none;\n  outline: none;\n  text-align: center;\n  cursor: pointer;\n\n`;\n\n\n\n"],"sourceRoot":""}