{"version":3,"file":"component---src-templates-partner-post-tsx-88515925837fd288fd71.js","mappings":"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","sources":["webpack://gfw-brochure/./node_modules/@material-ui/icons/Language.js","webpack://gfw-brochure/./node_modules/@material-ui/icons/YouTube.js","webpack://gfw-brochure/./src/components/Breadcrumb.tsx","webpack://gfw-brochure/./src/components/InstagramFeed.tsx","webpack://gfw-brochure/./src/components/PartnerHeader.tsx","webpack://gfw-brochure/./src/templates/partner-post.tsx"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\n}), 'Language');\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z\"\n}), 'YouTube');\nexports.default = _default;","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\ninterface Item {\n  title: string\n  url: string\n}\ninterface IBreadcrumb {\n  data: Array<Item>\n}\nconst Breadcrumb = ({ data }: IBreadcrumb) => {\n  return (\n    <Container>\n      {data &&\n        data.map((item, key: number) => {\n          return (\n            <React.Fragment key={key}>\n              <LinkBreadcrumb to={item.url} key={key}>\n                {item.title}\n              </LinkBreadcrumb>\n              <span>/</span>\n            </React.Fragment>\n          )\n        })}\n    </Container>\n  )\n}\n\nexport default Breadcrumb\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* padding: 10px 0px; */\n  /* margin: 0 20px; */\n  margin-bottom: 50px;\n  position: relative;\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    display: none;\n  }\n  & span {\n    margin: 0 8px;\n    font-size: 9px;\n    line-height: 11px;\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      color: ${props => (props.color ? props.color : \"#000000\")};\n    }\n\n    &:last-of-type {\n      display: none;\n    }\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      font-size: 12px;\n      line-height: 15px;\n    }\n  }\n\n  &::after {\n    content: \"\";\n    display: none;\n    height: 1px;\n    border-top: 2px solid #000000;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    margin: 0 auto;\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      width: 30%;\n      max-width: 263px;\n      margin: 0;\n      left: 0;\n      display: block;\n    }\n  }\n  @media (min-width: ${props => props.theme.breakpoints.md}) {\n    margin: 0 3%;\n  }\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 20px 0;\n    margin: 0;\n  }\n`\n\nconst LinkBreadcrumb = styled(Link)`\n  &,\n  &:link,\n  &:visited {\n    color: #4a4a4a;\n    font-size: 16px;\n    line-height: 11px;\n    display: inline;\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      line-height: 15px;\n      color: ${props => (props.color ? props.color : \"#4A4A4A\")};\n    }\n  }\n\n  &:hover,\n  &:active {\n    color: ${props => props.theme.colors.turquoise};\n  }\n  &:last-of-type {\n    color: #000000;\n    font-weight: 600;\n    &:hover,\n    &:active {\n      text-decoration: none;\n\n      cursor: default;\n    }\n  }\n`\n","import { Container } from \"@material-ui/core\"\nimport React, { useEffect } from \"react\"\nimport styled from \"styled-components\"\n\nexport const InstagramFeed = () => {\n\n  useEffect(()=>{\n\n    const curator = `\n    /* curator-feed-default-feed-layout */\n    (function(){\n    var i, e, d = document, s = \"script\";i = d.createElement(\"script\");i.async = 1;\n    i.src = \"https://cdn.curator.io/published/380ab0b3-23a4-470e-83be-b68bb1dfab49.js\";\n    e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);\n    })();\n    `\nconst s = document.createElement('script');\ns.type = 'text/javascript';\ns.async = true;\ns.innerHTML = curator;\ndocument.body.appendChild(s);\n},[])\n  \n  return (\n    <Container >\n      <Subtitle>The word on the street</Subtitle>\n      <Title>What people are saying</Title>\n\n      {/* <StyledFeed className=\"powr-social-feed\" id=\"ad9fea26_1617269338\"></StyledFeed> */}\n    \n     \n<div id=\"curator-feed-default-feed-layout\"><a href=\"https://curator.io\" target=\"_blank\" className=\"crt-logo crt-tag\" rel=\"noreferrer\">Powered by Curator.io</a></div>\n\n    </Container>\n  )\n}\n\n\nconst Subtitle = styled.p`\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  text-align: center;\n  @media (max-width: 768px) {\n    font-size: 12px;\n    line-height: 0px;\n  }\n`\nconst Title = styled.h3`\n  letter-spacing: 2px;\n  text-align: center;\n  text-transform: uppercase;\n  font-weight: 600;\n  @media (max-width: 768px) {\n    font-size: 24px;\n    line-height: 0px;\n  }\n`\n","import React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport Breadcrumb from \"./Breadcrumb\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nimport { Button } from \"./Buttons/Buttons\"\nimport BackArrow from \"../assets/svg/long-arrow-left.svg\"\nimport { Link } from \"gatsby\"\nimport { Container } from \"@material-ui/core\"\n\nimport IconButton from \"@material-ui/core/IconButton\"\nimport LinkedInIcon from \"@material-ui/icons/LinkedIn\"\nimport InstagramIcon from \"@material-ui/icons/Instagram\"\nimport YoutubeIcon from \"@material-ui/icons/YouTube\"\nimport VimeoIcon from \"../assets/svg/Vimeo.svg\"\nimport WebIcon from \"@material-ui/icons/Language\"\nimport { makeStyles } from \"@material-ui/core\"\n\ninterface PartnerHeaderI {\n  title: string\n  intro: string\n  catUrl: string\n  tags: string[]\n  img: any\n  breadcrumb: IBreadcrumb\n  instagram?: string\n  linked?: string\n  youtube?: string\n  vimeo?: string\n  website?: string\n}\ninterface Item {\n  title: string\n  url: string\n}\ntype IBreadcrumb = Array<Item>\nexport const PartnerHeader: FunctionComponent<PartnerHeaderI> = ({\n  title,\n  intro,\n  catUrl,\n  tags,\n  img,\n  breadcrumb,\n  instagram,\n  linked,\n  youtube,\n  vimeo,\n  website,\n}) => {\n  const useStyles = makeStyles(theme => ({\n    customHoverFocus: {\n      width: 35,\n      height: 35,\n      \"&:hover, &.Mui-focusVisible\": { backgroundColor: \"#2e2e2e\" },\n      backgroundColor: \"black\",\n      color: \"\",\n      marginRight: 8,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n    },\n  }))\n\n  const classes = useStyles()\n\n  return (\n    <FullWidthContainer>\n      <Container maxWidth={\"lg\"}>\n        <Breadcrumb data={breadcrumb} />\n      </Container>\n\n      <ImgContainer>\n        <GatsbyImage image={img} className={\"img\"} />\n      </ImgContainer>\n      <Container maxWidth={\"lg\"}>\n        <Box>\n          <BackLink to={\"/partnerships/\"}>\n            <BackArrow className={\"image\"} />\n          </BackLink>\n\n          <h1>{title}</h1>\n          <PartnerIntro>{intro}</PartnerIntro>\n          <a href={catUrl} target=\"blank\">\n            <Button size={1} customwidth={\"40%\"}>\n              Learn More{\" \"}\n            </Button>\n          </a>\n\n          <TagContainer>\n            {tags ? tags.map((item, i) => {\n              return <Tag>{item}</Tag>\n            }):(null)}\n          </TagContainer>\n          <SocialIcons>\n            {instagram && (\n              <StyledIconButton\n                aria-label=\"Instagram\"\n                href={instagram}\n                target=\"_blank\"\n                className={classes.customHoverFocus}\n              >\n                <InstagramIcon className={classes.icon} />\n              </StyledIconButton>\n            )}\n            {linked && (\n              <StyledIconButton\n                aria-label=\"LinkedIn\"\n                href={linked}\n                target=\"_blank\"\n                className={classes.customHoverFocus}\n              >\n                <LinkedInIcon className={classes.icon} />\n              </StyledIconButton>\n            )}\n            {youtube && (\n              <StyledIconButton\n                aria-label=\"Youtube\"\n                href={youtube}\n                target=\"_blank\"\n                className={classes.customHoverFocus}\n              >\n                <YoutubeIcon className={classes.icon} />\n              </StyledIconButton>\n            )}\n            {website && (\n              <StyledIconButton\n                aria-label=\"Website\"\n                href={website}\n                target=\"_blank\"\n                className={classes.customHoverFocus}\n              >\n                <WebIcon className={classes.icon} />\n              </StyledIconButton>\n            )}\n            {vimeo && (\n              <StyledIconVimeoButton\n                aria-label=\"Vimeo\"\n                href={vimeo}\n                target=\"_blank\"\n                //className={classes.customHoverFocus}>\n              >\n                <VimeoIconDiv />\n              </StyledIconVimeoButton>\n            )}\n          </SocialIcons>\n        </Box>\n      </Container>\n    </FullWidthContainer>\n  )\n}\n\nconst FullWidthContainer = styled.div`\n  width: 100%;\n`\nconst ImgContainer = styled.div`\n  height: 740px;\n  overflow: hidden;\n  &img {\n    @media (max-width: ${props => props.theme.breakpoints.md}) {\n      object-fit: fill;\n    }\n  }\n`\nconst Box = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-top: -650px;\n  margin-bottom: 70px;\n  max-width: 560px;\n  max-height: 600px;\n  padding: 48px;\n  background-color: black;\n  border-top: 4px solid white;\n  color: white;\n  > h1 {\n    color: white;\n  }\n\n  @media (max-width: ${props => props.theme.breakpoints.lg}) {\n    margin-bottom: 0px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    margin-top: -550px;\n    margin-bottom: 0px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    margin-bottom: 0px;\n    padding: 40px 20px;\n    margin-top: -600px;\n  }\n`\nconst BackLink = styled(Link)`\n  height: 40px;\n  width: 100px;\n  object-fit: fill;\n  .image {\n    height: 50px;\n    width: 120px;\n    object-fit: fill;\n    @media (max-width: ${props => props.theme.breakpoints.sm}) {\n      width: 90px;\n    }\n  }\n`\n\nconst PartnerIntro = styled.p`\n  color: white;\n  margin-bottom: 24px;\n  text-transform: uppercase;\n`\n\nconst TagContainer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  margin-top: 24px;\n`\nconst Tag = styled.b`\n  text-align: center;\n  text-transform: uppercase;\n  border: 1px solid white;\n  font-size: 0.8rem;\n  margin: 5px;\n  line-height: 14px;\n  height: 20px;\n  width: auto;\n  padding: 1px 8px 0px;\n  border-radius: 10px;\n`\nconst SocialIcons = styled.div`\n  flex-direction: row;\n  margin-top: 10px;\n`\nconst StyledIconButton = styled(IconButton)`\n  background-color: white !important;\n  color: black;\n  margin: 6px;\n  overflow: visible;\n  .root {\n    background-color: white !important;\n  }\n`\nconst StyledIconVimeoButton = styled(IconButton)`\n  background-color: white !important;\n  color: black;\n  margin: 4px;\n  width: 35px;\n  height: 35px;\n  padding: 8px;\n\n  .root {\n    background-color: white !important;\n  }\n`\nconst VimeoIconDiv = styled(VimeoIcon)`\n  color: black;\n  background-color: black;\n  border-radius: 50%;\n  height: 20px;\n  width: 20px !important;\n  padding: 2px;\n`\n","import React from \"react\"\n\n// We're using Gutenberg so we need the block styles\nimport \"@wordpress/block-library/build-style/style.css\"\nimport \"@wordpress/block-library/build-style/theme.css\"\n\nimport styled from \"styled-components\"\nimport { Layout } from \"../components/layout\"\nimport { graphql } from \"gatsby\"\nimport { PartnerHeader } from \"../components/PartnerHeader\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\n\nimport { Container } from \"@material-ui/core\"\nimport { InstagramFeed } from \"../components/InstagramFeed\"\n\nconst PartnerTemplate = ({ data: { previous, next, wpPartner, allWpPartner } }) => {\n  const partners = allWpPartner.edges.map(v => v.node)\n\n  const breadcrumbData = [\n    {\n      title: \"Home\",\n      url: \"/\",\n    },\n    {\n      title: \"Partnerships\",\n      url: \"/partnerships\",\n    },\n    {\n      title: wpPartner.title,\n      url: \"/partnerships/\" + wpPartner.slug,\n    },\n  ]\n  const blocks = LazyBlockFactory(wpPartner.lazy_data, wpPartner.title)\n\n  let headerImage = null\n\n  try {\n    headerImage = wpPartner.PartnerInfo.heroImage.localFile.childImageSharp.gatsbyImageData\n  } catch (e) {\n    console.error(e)\n    console.error(\"Partner Header image missing.\")\n  }\n\n  return (\n    <Layout partners={partners} title={\"Graduate Fashion Week - \" + wpPartner.title}>\n      <PartnerHeader\n        breadcrumb={breadcrumbData}\n        title={wpPartner.title}\n        intro={wpPartner.PartnerInfo.partnershipIntro}\n        catUrl={wpPartner.PartnerInfo.mainCallToAction}\n        tags={wpPartner.PartnerInfo.tags}\n        img={headerImage}\n        instagram={wpPartner.PartnerInfo.instagram}\n        youtube={wpPartner.PartnerInfo.youtubeChannel}\n        vimeo={wpPartner.PartnerInfo.vimeo}\n        website={wpPartner.PartnerInfo.website}\n        linked={wpPartner.PartnerInfo.linkedin}\n      />\n      <Container maxWidth={\"lg\"} style={{ zIndex: 1 }}>\n        <div\n          style={{\n            backgroundColor: \"white\",\n            // marginTop: -30,\n            // border: \"1px solid red\",\n            overflow: \"hidden\",\n            zIndex: 1,\n          }}\n        >\n          {blocks.map(v => v)}\n        </div>\n      </Container>\n      <InstagramFeed />\n    </Layout>\n  )\n}\n\nexport default PartnerTemplate\n\nconst FullWidth = styled.div`\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n`\n\nexport const pageQuery = graphql`\n  query partnerById($id: String!) {\n    wpPartner(id: { eq: $id }) {\n      id\n      title\n      slug\n      lazy_data\n      PartnerInfo {\n        tags\n        instagram\n        linkedin\n        youtubeChannel\n        website\n        vimeo\n\n        partnershipIntro\n        mainCallToAction\n        partnershipLogo {\n          localFile {\n            childImageSharp {\n              gatsbyImageData(width: 400, layout: CONSTRAINED)\n            }\n          }\n        }\n        heroImage {\n          localFile {\n            childImageSharp {\n              gatsbyImageData(layout: FULL_WIDTH)\n            }\n          }\n        }\n      }\n    }\n    allWpPartner {\n      edges {\n        node {\n          id\n          title\n          slug\n          PartnerInfo {\n            tags\n\n            partnershipIntro\n            partnershipLogo {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 400, layout: CONSTRAINED)\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","data","Container","map","item","key","LinkBreadcrumb","to","url","title","styled","props","theme","breakpoints","sm","md","color","Link","colors","turquoise","InstagramFeed","useEffect","s","document","type","async","innerHTML","body","appendChild","Subtitle","Title","id","href","target","className","rel","PartnerHeader","intro","catUrl","tags","img","breadcrumb","instagram","linked","youtube","vimeo","website","classes","makeStyles","customHoverFocus","width","height","backgroundColor","marginRight","icon","useStyles","FullWidthContainer","maxWidth","Breadcrumb","ImgContainer","G","image","Box","BackLink","PartnerIntro","size","customwidth","TagContainer","i","Tag","SocialIcons","StyledIconButton","Instagram","LinkedIn","StyledIconVimeoButton","VimeoIconDiv","lg","IconButton","VimeoIcon","wpPartner","previous","next","partners","allWpPartner","edges","v","node","breadcrumbData","slug","blocks","LazyBlockFactory","lazy_data","headerImage","PartnerInfo","heroImage","localFile","childImageSharp","gatsbyImageData","e","console","error","partnershipIntro","mainCallToAction","youtubeChannel","linkedin","style","zIndex","overflow"],"sourceRoot":""}