{"version":3,"file":"component---src-pages-home-event-tsx-5c571e779e4a64b7bb4e.js","mappings":"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","sources":["webpack://gfw-brochure/./src/components/Home/GridHomeHeader.tsx","webpack://gfw-brochure/./src/components/InstagramFeed.tsx","webpack://gfw-brochure/./src/pages/home-event.tsx"],"sourcesContent":["import { Container } from \"@material-ui/core\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { Button, ButtonSecondary } from \"../Buttons/Buttons\"\nimport Cross from \"../../assets/svg/GFW_cross.svg\"\nimport { DateTime } from \"luxon\"\n\ninterface HeaderI {\n  title: string\n  body: string\n  address: string\n  bottomRowHidden\n  cta1IsHidden: boolean\n  cta1Label: string\n  cta1Url: string\n  cta2IsHidden: boolean\n  cta2Label: string\n  cta2Url: string\n  endDate: string\n  image: any\n  startDate: string\n}\n\nconst GridHomeHeader: React.FC<HeaderI> = ({\n  title,\n  body,\n  address,\n  bottomRowHidden,\n  cta1IsHidden,\n  cta1Label,\n  cta1Url,\n  cta2IsHidden,\n  cta2Label,\n  cta2Url,\n  endDate,\n  image,\n  startDate,\n}) => {\n  const string = body\n  const length = 175\n  const trimmedString = string.length > length ? string.substring(0, length - 3) + \"...\" : string\n  const startDateLuxon = DateTime.fromFormat(startDate, \"dd/MM/yyyy\")\n  const endDateLuxon = DateTime.fromFormat(endDate, \"dd/MM/yyyy\")\n  const headerimage = useStaticQuery(graphql`\n    {\n      placeholderImage: file(name: { eq: \"hp_header\" }) {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH)\n        }\n      }\n    }\n  `)\n\n  return (\n    <MainContainer>\n      <BackgroundColor>\n        <BackgroundPattern />\n        <StyledHeaderImg\n          image={image.localFile.childImageSharp.gatsbyImageData}\n          imgStyle={{ objectFit: \"cover\" }}\n          // placeholderStyle={}\n          loading={\"eager\"}\n          alt={\"Graduate fashion week hero image\"}\n        />\n\n        <TransparentPlacer>\n          <TransparentBox />\n        </TransparentPlacer>\n      </BackgroundColor>\n      <GridContainer>\n        <TextBoxCard>\n          <TextBoxCardContent>\n            <H1Header>{title}</H1Header>\n            <PHeader>{body.length > length ? body.substring(0, length - 3) + \"...\" : body}</PHeader>\n            {/* <div\n              style={{\n                display: \"flex\",\n                // maxWidth: \"100%\",\n                flexDirection: \"row\",\n                // border: \"1px solid red\",\n                justifyContent: \"space-between\",\n                maxWidth: 530,\n              }}\n            > */}\n            <ButtonContainer>\n              <div style={{ display: cta1IsHidden ? \"none\" : \"\" }}>\n                <Button to={cta1Url} customwidth={\"245px\"}>\n                  {cta1Label}\n                </Button>\n              </div>\n              <div style={{ display: cta2IsHidden ? \"none\" : \"\" }}>\n                <ButtonSecondaryCont to={cta2Url} customwidth={\"245px\"}>\n                  {cta2Label}\n                </ButtonSecondaryCont>\n              </div>\n              \n            </ButtonContainer>\n\n            <LineCrossContainer style={{ display: bottomRowHidden ? \"none\" : \"flex\" }}>\n              <Line />\n              <Cross width=\"30px\" height=\"30px\" />\n              <Line />\n            </LineCrossContainer>\n            <LocationRow style={{ display: bottomRowHidden ? \"none\" : \"flex\" }}>\n              <DateContainer>\n                <DateBox>\n                  <h4>{startDateLuxon.day}</h4>\n                  <p>{startDateLuxon.toLocaleString({ month: \"long\", year: \"numeric\" })}</p>\n                </DateBox>\n                <DateLineBox>\n                  <h4>-</h4>\n                </DateLineBox>\n                <DateBox>\n                  <h4>{endDateLuxon.day}</h4>\n                  <p>{endDateLuxon.toLocaleString({ month: \"long\", year: \"numeric\" })}</p>\n                </DateBox>\n              </DateContainer>\n              <LocationContainer>\n                {/* <h5>Coal Drops Yard</h5>\n\n                <h5 style={{ lineHeight: 1 }}>Kings Cross, London</h5> */}\n                <h5>{address}</h5>\n              </LocationContainer>\n            </LocationRow>\n          </TextBoxCardContent>\n        </TextBoxCard>\n        <ImageBox>\n          {/* <StyledHeaderImg\n            fluid={headerimage.placeholderImage.childImageSharp.fluid}\n            imgStyle={{ objectFit: \"contain\" }}\n          /> */}\n        </ImageBox>\n      </GridContainer>\n    </MainContainer>\n  )\n}\n\nexport default GridHomeHeader\n\nconst MainContainer = styled.div`\n  width: 100vw;\n  margin-bottom: 80px;\n`\nconst GridContainer = styled(Container)`\n  height: 780px;\n  max-height: 900px;\n  display: grid !important;\n  grid-template-columns: 1fr 80px 1fr;\n  grid-template-rows: 20px 100px 1fr 40px 40px 40px 40px;\n  z-index: 1;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    grid-template-columns: 20px 1fr 20px;\n    grid-template-rows: 20px 330px 100px 1fr 40px 40px 80px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    height: 1000px;\n  }\n`\n\nconst ButtonSecondaryCont = styled(ButtonSecondary)`\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    margin-left: 10px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    margin-left: 0px;\n    margin-top: 10px;\n  }\n`\n\nconst TextBoxCard = styled.div`\n  /* border-top: 4px solid white;\n  background-color: ${props => props.theme.colors.primary}; */\n  z-index: 2;\n  grid-column-start: 1;\n  grid-column-end: 3;\n  grid-row-start: 3;\n  grid-row-end: 8;\n  display: flex;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    grid-column-start: 2;\n    grid-column-end: 3;\n    grid-row-start: 3;\n    grid-row-end: 8;\n  }\n`\nconst TextBoxCardContent = styled.div`\n  border-top: 4px solid white;\n  background-color: ${props => props.theme.colors.primary};\n  padding-top: 80px;\n  padding-right: 60px;\n  padding-left: 60px;\n\n  padding-bottom: 60px;\n  /* border: 1px solid red; */\n  flex: 1;\n  > * {\n    color: white;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    padding-top: 40px;\n    padding-right: 25px;\n    padding-left: 25px;\n    padding-bottom: 40px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n`\nconst ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  justify-content: space-between;\n  column-gap: 10px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    flex-direction: column;\n  }\n`\n\nconst LocationRow = styled.div`\n  flex-direction: row;\n  width: 100%;\n`\n\nconst DateContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 50%;\n  padding: 10px 40px 0 20px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    padding: 10px 10px 0 00px;\n    width: 50%;\n  }\n`\n\nconst DateBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  color: white;\n  text-align: center;\n  width: 100%;\n\n  > p {\n    color: white;\n  }\n  > h4 {\n    margin-bottom: 10px !important;\n  }\n`\nconst DateLineBox = styled(DateBox)`\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    width: auto;\n  }\n`\n\nconst LocationContainer = styled.div`\n  width: 50%;\n\n  padding: 20px 0px 20px 20px;\n  justify-content: space-between;\n  align-items: center;\n  > h5 {\n    line-height: 10px;\n    color: white;\n    text-transform: none;\n    @media (max-width: ${props => props.theme.breakpoints.sm}) {\n      font-size: 16px;\n      line-height: 12px;\n    }\n  }\n\n  > h6 {\n    line-height: 20px;\n    color: white;\n    font-size: 1.625rem;\n    text-transform: none;\n    font-weight: 300;\n  }\n`\n\nconst LineCrossContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  width: 100%;\n  padding-top: 20px;\n\n  /* margin-bottom: 40px; */\n`\n\nconst Line = styled.div`\n  content: \"\";\n\n  width: 100%;\n  flex: 1;\n  height: 1px;\n  border: none;\n  background-color: ${props => props.theme.colors.turquoise};\n  /* @media (max-width: 1156px) {\n    max-width: 100px;\n  }\n  @media (max-width: 1024px) {\n    max-width: 140px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    width: 50%;\n  } */\n`\n\nconst BackgroundPattern = styled.div`\n  /* background-color: black;\n  opacity: 0.4; */\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  z-index: 1;\n  max-height: 500px;\n  /* background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAgMAAADw5/WeAAAACVBMVEX6+vr4+Pjv7++npPQmAAAAKElEQVQI12NgCGBgZWBgEGBgZACzYWTo0tCoUAiJIs7gwMCCi02CXgD5agzBt66q6wAAAABJRU5ErkJggg==\"); */\n`\n\nconst BackgroundColor = styled.div`\n  /* background-color: ${props => props.theme.colors.primary}; */\n\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  height: wrap;\n  width: 100vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    align-items: flex-start;\n  }\n`\n\nconst TransparentPlacer = styled.div`\n  display: flex;\n  width: 80%;\n  height: 80px;\n  z-index: 1;\n  margin-top: -40px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n  }\n`\n// const TransparentPlacer = styled.div`\n//   grid-column-start: 1;\n//   grid-column-end: 4;\n//   grid-row-start: 4;\n//   grid-row-end: 6;\n//   display: flex;\n//   z-index: 1;\n//   @media (max-width: ${props => props.theme.breakpoints.md}) {\n//     grid-column-start: 1;\n//     grid-column-end: 4;\n//     grid-row-start: 5;\n//     grid-row-end: 7;\n//   }\n// `\n\nconst TransparentBox = styled.div`\n  background-color: ${props => props.theme.colors.turquoise};\n  flex: 1;\n  margin-left: -70px;\n  margin-right: -70px;\n  opacity: 0.2;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n`\n\nconst ImageBox = styled.div`\n  /* border: 1px solid yellow; */\n  z-index: 1;\n  grid-column-start: 2;\n  grid-column-end: 4;\n  grid-row-start: 2;\n  grid-row-end: 4;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    grid-column-start: 1;\n    grid-column-end: 4;\n    grid-row-start: 2;\n    grid-row-end: 4;\n  }\n`\nconst StyledHeaderImg = styled(GatsbyImage)`\n  height: auto;\n  max-height: 750px;\n  width: 100%;\n  align-items: flex-start;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    min-height: 660px;\n    /* border: 1px solid red; */\n    width: 1080px;\n    margin-top: -20%;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    margin-left: -15%;\n    margin-top: -40%;\n  }\n`\nconst H1Header = styled.h1`\n  color: ${props => props.theme.tints.white};\n  line-height: 85px;\n  margin-bottom: 16px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    font-size: 40px;\n    font-weight: 600;\n    line-height: 45px;\n  }\n`\n\nconst PHeader = styled.p`\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 32px;\n  color: ${props => props.theme.tints.white};\n  margin-bottom: 48px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    font-size: 16px;\n    line-height: 26px;\n    margin-bottom: 14px;\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 from \"react\"\n\nimport { Layout } from \"../components/layout\"\n\nimport { graphql } from \"gatsby\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\nimport GridHomeHeader from \"../components/Home/GridHomeHeader\"\nimport { Container } from \"@material-ui/core\"\n\nimport { InstagramFeed } from \"../components/InstagramFeed\"\n\nconst headings = [\"Sustainability\", \"Diversity\", \"Heritage\", \"Award Nominees\"]\n\nconst HomeEvent: React.FC = ({ data }) => {\n  const portfolios = data.allWpPortfolio.edges.map(v => v.node)\n\n  const home = data.wpPage\n  const blocks = LazyBlockFactory(home.lazy_data, data.wpPage.title)\n\n  return (\n    <Layout title={\"Graduate Fashion Week - Home\"}>\n      <GridHomeHeader title={home.HomeData.headingTitle} body={home.HomeData.headingDescription}\n      \n      address={home.HomeData.address}\n      bottomRowHidden={home.HomeData.bottomRowHidden}\n      cta1IsHidden={home.HomeData.cta1IsHidden}\n      cta1Label={home.HomeData.cta1Label}\n      cta1Url={home.HomeData.cta1Url}\n      cta2IsHidden={home.HomeData.cta2IsHidden}\n      cta2Label={home.HomeData.cta2Label}\n      cta2Url={home.HomeData.cta2Url}\n      endDate={home.HomeData.endDate}\n     \n      startDate={home.HomeData.startDate}\n      image={home.HomeData.homepageHeaderImage}\n      />\n      <Container maxWidth={\"lg\"}>{blocks.map(v => v)}</Container>\n      {/* <FeaturedPortfoliosCarousel portfolios={portfolios} headings={headings} /> */}\n      {/* <KeynoteSpeakers /> */}\n      <InstagramFeed />\n    </Layout>\n  )\n}\n\nexport default HomeEvent\nexport const pageQuery = graphql`\n  query homeevent {\n\n    allWpPortfolio {\n      edges {\n        node {\n          id\n          title\n          slug\n          student_portfolio {\n            aboutMeHeading\n          }\n          student_profile {\n            studentName\n            specialism\n            searchImage {\n              localFile {\n                childImageSharp {\n                  fluid(maxWidth: 400) {\n                    ...GatsbyImageSharpFluid\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    wpPage(title: { eq: \"Home Event\" }) {\n      id\n      title\n      HomeData {\n        address\n        bottomRowHidden\n        cta1IsHidden\n        cta1Label\n        cta1Url\n        cta2IsHidden\n        cta2Label\n        cta2Url\n        endDate\n        fieldGroupName\n        getInTouchFooterBody\n        getInTouchFooterCat\n        getInTouchFooterHeading\n        headingDescription\n        headingTitle\n        startDate\n        homepageHeaderImage {\n        localFile {\n          childImageSharp {\n            gatsbyImageData\n          }\n        }\n      }\n      }\n      lazy_data\n    }\n  }\n`\n"],"names":["title","body","address","bottomRowHidden","cta1IsHidden","cta1Label","cta1Url","cta2IsHidden","cta2Label","cta2Url","endDate","image","startDate","string","length","startDateLuxon","substring","DateTime","endDateLuxon","useStaticQuery","MainContainer","BackgroundColor","BackgroundPattern","StyledHeaderImg","localFile","childImageSharp","gatsbyImageData","imgStyle","objectFit","loading","alt","TransparentPlacer","TransparentBox","GridContainer","TextBoxCard","TextBoxCardContent","H1Header","PHeader","ButtonContainer","style","display","to","customwidth","ButtonSecondaryCont","LineCrossContainer","Line","width","height","LocationRow","DateContainer","DateBox","day","toLocaleString","month","year","DateLineBox","LocationContainer","ImageBox","styled","Container","props","theme","breakpoints","md","sm","ButtonSecondary","colors","primary","turquoise","GatsbyImage","tints","white","InstagramFeed","useEffect","s","document","createElement","type","async","innerHTML","appendChild","Subtitle","Title","id","href","target","className","rel","data","home","allWpPortfolio","edges","map","v","node","wpPage","blocks","LazyBlockFactory","lazy_data","HomeData","headingTitle","headingDescription","homepageHeaderImage","maxWidth"],"sourceRoot":""}