{"version":3,"file":"component---src-pages-about-js-2a8f73de946ce43dfea8.js","mappings":"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","sources":["webpack://po3/./node_modules/grommet/es6/components/Grid/StyledGrid.js","webpack://po3/./node_modules/grommet/es6/components/Grid/Grid.js","webpack://po3/./src/pages/about.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { defaultProps } from '../../default-props';\nimport { alignContentStyle, alignStyle, borderStyle, edgeStyle, genericStyles, heightStyle, widthStyle } from '../../utils';\n\nvar fillStyle = function fillStyle(fill) {\n  if (!fill) {\n    return fill;\n  }\n\n  if (fill === 'horizontal') {\n    return 'width: 100%;';\n  }\n\n  if (fill === 'vertical') {\n    return 'height: 100%;';\n  }\n\n  return \"\\n      width: 100%;\\n      height: 100%;\\n    \";\n};\n\nvar JUSTIFY_MAP = {\n  center: 'center',\n  end: 'flex-end',\n  start: 'flex-start',\n  stretch: 'stretch'\n};\nvar justifyStyle = css([\"justify-items:\", \";\"], function (props) {\n  return JUSTIFY_MAP[props.justify];\n});\nvar JUSTIFY_CONTENT_MAP = {\n  around: 'space-around',\n  between: 'space-between',\n  center: 'center',\n  end: 'flex-end',\n  start: 'flex-start',\n  stretch: 'stretch'\n};\nvar justifyContentStyle = css([\"justify-content:\", \";\"], function (props) {\n  return JUSTIFY_CONTENT_MAP[props.justifyContent];\n});\n\nvar gapSizes = function gapSizes(props) {\n  var result = [];\n\n  if (typeof props.gap === 'string') {\n    var size = props.theme.global.edgeSize[props.gap] || props.gap;\n    result[0] = size;\n    result[1] = size;\n  } else if (props.gap) {\n    if (props.gap.row) result[0] = props.theme.global.edgeSize[props.gap.row] || props.gap.row;\n    if (props.gap.column) result[1] = props.theme.global.edgeSize[props.gap.column] || props.gap.column;\n  }\n\n  return result;\n};\n\nvar gapStyle = function gapStyle(props) {\n  var sizes = gapSizes(props);\n\n  if (sizes[0] !== undefined && sizes[1] !== undefined) {\n    return \"grid-gap: \" + sizes[0] + \" \" + sizes[1] + \";\";\n  }\n\n  if (sizes[0] !== undefined) {\n    return \"grid-row-gap: \" + sizes[0] + \";\";\n  }\n\n  if (sizes[1] !== undefined) {\n    return \"grid-column-gap: \" + sizes[1] + \";\";\n  }\n\n  return '';\n};\n\nvar SIZE_MAP = {\n  flex: '1fr',\n  full: '100%',\n  '1/2': '50%',\n  '1/4': '25%',\n  '2/4': '50%',\n  '3/4': '75%',\n  '1/3': '33.33%',\n  '2/3': '66.66%'\n};\n\nvar normalizeSize = function normalizeSize(size, props) {\n  return SIZE_MAP[size] || props.theme.global.size[size] || size;\n};\n\nvar getRepeatCount = function getRepeatCount(count) {\n  return typeof count === 'number' ? count : \"auto-\" + (count || 'fit');\n};\n\nvar getRepeatSize = function getRepeatSize(size, props) {\n  if (size === 'flex') return '1fr';\n  var gaps = gapSizes(props);\n  var min;\n  var max;\n  var minFill;\n\n  if (Array.isArray(size)) {\n    var _size$ = size[0],\n        minSize = _size$ === void 0 ? 'auto' : _size$,\n        _size$2 = size[1],\n        maxSize = _size$2 === void 0 ? 'auto' : _size$2;\n    min = normalizeSize(minSize, props);\n    if (min.search(/px/) !== -1) minFill = true;\n    max = normalizeSize(maxSize, props);\n\n    if (gaps[1] !== undefined) {\n      // account for the column gap when using fractional sizes, e.g. 1/3\n      if (minSize.indexOf('/') !== -1) min = \"calc(\" + min + \" - (\" + gaps[1] + \" * (1 - \" + minSize + \")))\";\n      if (maxSize.indexOf('/') !== -1) max = \"calc(\" + max + \" - (\" + gaps[1] + \" * (1 - \" + maxSize + \")))\";\n    }\n  } else {\n    min = normalizeSize(size, props);\n    if (min.search(/px/) !== -1) minFill = true;\n    max = '1fr';\n\n    if (gaps[1] !== undefined) {\n      // account for column gap with fractional sizes, e.g. 1/3\n      if (size.indexOf('/') !== -1) min = \"calc(\" + min + \" - (\" + gaps[1] + \" * (1 - \" + size + \")))\";\n    }\n  }\n\n  if (minFill) {\n    // ensure we never go beyond the container width,\n    // for mobile/narrow situations\n    min = \"min(\" + min + \", 100%)\";\n  }\n\n  return \"minmax(\" + min + \", \" + max + \")\";\n};\n\nvar columnsStyle = function columnsStyle(props) {\n  if (Array.isArray(props.columns)) {\n    return css([\"grid-template-columns:\", \";\"], props.columns.map(function (s) {\n      if (Array.isArray(s)) {\n        return \"minmax(\" + normalizeSize(s[0], props) + \", \" + normalizeSize(s[1], props) + \")\";\n      }\n\n      return normalizeSize(s, props);\n    }).join(' '));\n  }\n\n  if (typeof props.columns === 'object') {\n    return css([\"grid-template-columns:repeat( \", \",\", \" );\"], getRepeatCount(props.columns.count), getRepeatSize(props.columns.size, props));\n  }\n\n  return css([\"grid-template-columns:repeat( auto-fill,\", \" );\"], getRepeatSize(props.columns, props));\n};\n\nvar rowsStyle = function rowsStyle(props) {\n  if (Array.isArray(props.rowsProp)) {\n    return css([\"grid-template-rows:\", \";\"], props.rowsProp.map(function (s) {\n      if (Array.isArray(s)) {\n        return \"minmax(\" + normalizeSize(s[0], props) + \", \" + normalizeSize(s[1], props) + \")\";\n      }\n\n      return normalizeSize(s, props);\n    }).join(' '));\n  }\n\n  return css([\"grid-auto-rows:\", \";\"], props.theme.global.size[props.rowsProp]);\n};\n\nvar areasStyle = function areasStyle(props) {\n  // translate areas objects into grid-template-areas syntax\n  if (!Array.isArray(props.rowsProp) || !Array.isArray(props.columns)) {\n    console.warn('Grid `areas` requires `rows` and `columns` to be arrays.');\n  }\n\n  if (Array.isArray(props.areas) && props.areas.every(function (area) {\n    return Array.isArray(area);\n  })) {\n    return \"grid-template-areas: \" + props.areas.map(function (area) {\n      return \"\\\"\" + area.join(' ') + \"\\\"\";\n    }).join(' ') + \";\";\n  }\n\n  var cells = props.rowsProp.map(function () {\n    return props.columns.map(function () {\n      return '.';\n    });\n  });\n  props.areas.forEach(function (area) {\n    for (var row = area.start[1]; row <= area.end[1]; row += 1) {\n      for (var column = area.start[0]; column <= area.end[0]; column += 1) {\n        cells[row][column] = area.name;\n      }\n    }\n  });\n  return \"grid-template-areas: \" + cells.map(function (r) {\n    return \"\\\"\" + r.join(' ') + \"\\\"\";\n  }).join(' ') + \";\";\n};\n\nvar StyledGrid = styled.div.attrs(function (props) {\n  return {\n    'aria-label': props.a11yTitleProp\n  };\n}).withConfig({\n  displayName: \"StyledGrid\",\n  componentId: \"sc-1wofa1l-0\"\n})([\"display:grid;box-sizing:border-box;\", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \" \", \"\"], genericStyles, function (props) {\n  return props.border && (Array.isArray(props.border) ? props.border.map(function (border) {\n    return borderStyle(border, props.responsive, props.theme);\n  }) : borderStyle(props.border, props.responsive, props.theme));\n}, function (props) {\n  return fillStyle(props.fillContainer);\n}, function (props) {\n  return props.align && alignStyle;\n}, function (props) {\n  return props.alignContent && alignContentStyle;\n}, function (props) {\n  return props.areas && areasStyle(props);\n}, function (props) {\n  return props.columns && columnsStyle(props);\n}, function (props) {\n  return props.gap && gapStyle(props);\n}, function (props) {\n  return props.justify && justifyStyle;\n}, function (props) {\n  return props.justifyContent && justifyContentStyle;\n}, function (props) {\n  return props.pad && edgeStyle('padding', props.pad, props.responsive, props.theme.global.edgeSize.responsiveBreakpoint, props.theme);\n}, function (props) {\n  return props.rowsProp && rowsStyle(props);\n}, function (props) {\n  return props.heightProp && heightStyle(props.heightProp, props.theme);\n}, function (props) {\n  return props.widthProp && widthStyle(props.widthProp, props.theme);\n}, function (props) {\n  return props.theme.grid && props.theme.grid.extend;\n});\nStyledGrid.defaultProps = {};\nObject.setPrototypeOf(StyledGrid.defaultProps, defaultProps);\nexport { StyledGrid };","var _excluded = [\"a11yTitle\", \"aria-label\", \"border\", \"fill\", \"height\", \"responsive\", \"rows\", \"tag\", \"as\", \"width\"];\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nimport React, { forwardRef } from 'react';\nimport { StyledGrid } from './StyledGrid';\nimport { GridPropTypes } from './propTypes';\nvar Grid = /*#__PURE__*/forwardRef(function (props, ref) {\n  var a11yTitle = props.a11yTitle,\n      ariaLabel = props['aria-label'],\n      border = props.border,\n      fill = props.fill,\n      height = props.height,\n      _props$responsive = props.responsive,\n      responsive = _props$responsive === void 0 ? true : _props$responsive,\n      rows = props.rows,\n      tag = props.tag,\n      as = props.as,\n      width = props.width,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  return /*#__PURE__*/React.createElement(StyledGrid, _extends({\n    ref: ref,\n    a11yTitleProp: ariaLabel || a11yTitle,\n    as: !as && tag ? tag : as,\n    border: border,\n    fillContainer: fill,\n    heightProp: height,\n    responsive: responsive,\n    rowsProp: rows,\n    widthProp: width\n  }, rest));\n});\nGrid.displayName = 'Grid';\nGrid.available = typeof window !== 'undefined' && window.CSS && window.CSS.supports && window.CSS.supports('display', 'grid');\nexport { Grid };","import React from \"react\"\nimport {\n  Box,\n  Grid,\n  Heading,\n  Paragraph,\n  Text,\n  ResponsiveContext,\n} from \"grommet\"\n\nimport { Link, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport Seo from \"../components/seo\"\nimport Layout from \"../components/layout\"\n\nexport default function About({ data }) {\n  const columns = {\n    small: [\"flex\"],\n    medium: [\"flex\", \"flex\"],\n    large: [\"flex\", \"flex\"],\n    xlarge: [\"flex\", \"flex\"],\n  }\n\n  return (\n    <Layout>\n      <Seo title=\"About\" />\n      <ResponsiveContext.Consumer>\n        {size => {\n          let columnsVal = columns\n          if (columns) {\n            if (columns[size]) {\n              columnsVal = columns[size]\n            }\n          }\n          return (\n            <Box>\n              <Box width=\"xlarge\" alignSelf=\"center\" align=\"start\" pad={{horizontal: \"medium\"}}>\n                <Heading\n                  margin={{ top: \"xlarge\", bottom: \"large\" }}\n                  level=\"1\"\n                  size=\"medium\"\n                >\n                  Our purpose\n                </Heading>\n                <Grid columns={!columnsVal ? size : columnsVal} gap=\"xlarge\">\n                  <Box>\n                    <Paragraph fill margin={{ top: \"none\" }} size=\"large\">\n                      If you want to know how Po3 came to be, take a look at our\n                      short brand origin video to hear about the thinking behind\n                      the name and the principles that underpin what we do.\n                    </Paragraph>\n                    <Paragraph fill size=\"large\">\n                      We believe that by re-designing business we can rebuild\n                      the economy to create a better more sustainable future for\n                      all. Take a look at{\" \"}\n                      <Link to=\"/manifesto\">our manifesto</Link> for a deep dive\n                      into our thinking.\n                    </Paragraph>\n                    <Paragraph fill size=\"large\">\n                      Po3 is getting B-corp certified.{\" \"}\n                      <a\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        href=\"https://bcorporation.net/about-b-corps\"\n                      >\n                        What is B-corp?\n                      </a>{\" \"}\n                      It’s a global community of like minded people building a\n                      better world for all through business. Goes without\n                      saying, we like these people.\n                    </Paragraph>\n                  </Box>\n                  <Box>\n                    <iframe\n                      title=\"origin video\"\n                      style={{\n                        top: \"0\",\n                        left: \"0\",\n                        width: \"100%\",\n                        height: \"350px\",\n                      }}\n                      src=\"https://www.youtube-nocookie.com/embed/OGolt7HcBG4\"\n                      frameBorder=\"0\"\n                      allow=\"encrypted-media\"\n                      allowFullScreen\n                    ></iframe>{\" \"}\n                  </Box>\n                </Grid>\n              </Box>\n\n              <Box\n                background={{\n                  image: `url(${data.workshopping.childImageSharp.fluid.src})`,\n                  dark: false,\n                  size: \"cover\",\n                  position: \"center\",\n                  repeat: \"no-repeat\",\n                }}\n                height=\"auto\"\n                margin={{ top: \"xlarge\" }}\n                justify=\"center\"\n              >\n                <Box\n                  width=\"xlarge\"\n                  alignSelf=\"center\"\n                  pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n                >\n                  <Box\n                    margin={{ vertical: \"xlarge\" }}\n                    alignSelf=\"start\"\n                    width={size === \"small\" ? \"100%\" : \"50%\"}\n                    background=\"white\"\n                    pad={{\n                      top: \"large\",\n                      horizontal: \"medium\",\n                      bottom: \"small\",\n                    }}\n                  >\n                    <Heading\n                      margin={{ vertical: \"none\" }}\n                      level=\"3\"\n                      size=\"medium\"\n                    >\n                      We don’t know all the answers, no-one does.\n                    </Heading>\n                    <Paragraph fill>\n                      But we know how to ensure the best possible chance of\n                      success by asking the right questions and bringing the\n                      right people to the table from our global community of\n                      design experts. We don’t have people ‘on the bench’ - we\n                      only work with the best in industry on the most\n                      interesting and complex problems to solve. And they’re not\n                      just sitting around, they’re doing.\n                    </Paragraph>\n                  </Box>\n                </Box>\n              </Box>\n              <Box width=\"xlarge\" alignSelf=\"center\" align=\"start\">\n                <Box\n                  width=\"xlarge\"\n                  alignSelf=\"center\"\n                  pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n                >\n                  <Grid\n                    columns={!columnsVal ? size : columnsVal}\n                    margin={{ vertical: \"xlarge\" }}\n                    gap={size === \"small\" ? \"medium\" : \"xlarge\"}\n                  >\n                    <Box>\n                      <Img fluid={data.kieran.childImageSharp.fluid} />\n                    </Box>\n                    <Box>\n                      <Text>Co-founder</Text>\n                      <Heading size=\"medium\" margin={{ top: \"none\" }} level=\"3\">\n                        Kieran Mcbride\n                      </Heading>\n                      <Paragraph margin={{ top: \"none\" }} size=\"large\">\n                        I’ve been developing user-centred strategies since the\n                        noughties, collaborating with progressive leadership\n                        teams to define the futures of FTSE 100 businesses, the\n                        public sector and charity organisations. I design ways\n                        to shape organisational culture, enable behaviour change\n                        and rapidly deliver new propositions. Also write a\n                        little bit on Linkedin and previously for The Guardian,\n                        Econsultancy and Internet Retailing.\n                      </Paragraph>\n                    </Box>\n                  </Grid>\n                  <Box\n                    fill\n                    direction={size === \"small\" ? \"column-reverse\" : \"row\"}\n                    margin={{ bottom: \"xlarge\" }}\n                    gap={size === \"small\" ? \"medium\" : \"xlarge\"}\n                  >\n                    <Box basis=\"1/2\">\n                      <Text>Co-founder</Text>\n                      <Heading size=\"medium\" level=\"3\" margin={{ top: \"none\" }}>\n                        Phil Sherwin-Nicholls\n                      </Heading>\n                      <Paragraph margin={{ top: \"none\" }} size=\"large\">\n                        Working at the intersection of technology, data and\n                        design I help organisations solve wicked, population\n                        scale problems. A service design specialist, I'm a\n                        facilitator co-creating with subject matter experts and\n                        end users ensuring we have the right perspectives in the\n                        room to give us the best chance of success.\n                      </Paragraph>\n                    </Box>\n                    <Box basis=\"1/2\">\n                      <Img fluid={data.phil.childImageSharp.fluid} />\n                    </Box>\n                  </Box>\n                </Box>\n              </Box>\n            </Box>\n          )\n        }}\n      </ResponsiveContext.Consumer>\n    </Layout>\n  )\n}\nexport const query = graphql`\n  query AboutQuery {\n    kieran: file(relativePath: { eq: \"static/images/kieran.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600, quality: 100) {\n          ...GatsbyImageSharpFluid\n          ...GatsbyImageSharpFluidLimitPresentationSize\n        }\n      }\n    }\n    phil: file(relativePath: { eq: \"static/images/phil.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600, quality: 100) {\n          ...GatsbyImageSharpFluid\n          ...GatsbyImageSharpFluidLimitPresentationSize\n        }\n      }\n    }\n    workshopping: file(relativePath: { eq: \"static/images/workshop1.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 1024, quality: 100) {\n          src\n          ...GatsbyImageSharpFluid\n          ...GatsbyImageSharpFluidLimitPresentationSize\n        }\n      }\n    }\n  }\n`\n"],"names":["JUSTIFY_MAP","center","end","start","stretch","justifyStyle","css","props","justify","JUSTIFY_CONTENT_MAP","around","between","justifyContentStyle","justifyContent","gapSizes","result","gap","size","theme","global","edgeSize","row","column","SIZE_MAP","flex","full","normalizeSize","getRepeatSize","min","max","minFill","gaps","Array","isArray","_size$","minSize","_size$2","maxSize","search","undefined","indexOf","StyledGrid","a11yTitleProp","withConfig","displayName","componentId","border","map","responsive","fill","fillContainer","align","alignContent","areas","rowsProp","columns","console","warn","every","area","join","cells","forEach","name","r","areasStyle","s","count","columnsStyle","sizes","gapStyle","pad","responsiveBreakpoint","rowsStyle","heightProp","widthProp","grid","extend","defaultProps","Object","setPrototypeOf","_excluded","_extends","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","Grid","forwardRef","ref","a11yTitle","ariaLabel","height","_props$responsive","rows","tag","as","width","rest","excluded","sourceKeys","keys","_objectWithoutPropertiesLoose","available","window","CSS","supports","About","data","small","medium","large","xlarge","title","columnsVal","alignSelf","horizontal","margin","top","bottom","level","Link","to","rel","href","style","left","src","frameBorder","allow","allowFullScreen","background","image","workshopping","childImageSharp","fluid","dark","position","repeat","vertical","kieran","direction","basis","phil"],"sourceRoot":""}