{"version":3,"file":"component---src-pages-index-tsx-0d6e1957c8d2a0ba4fe7.js","mappings":"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","sources":["webpack://gfw-brochure/./src/components/EventsCarosel/EventsCard.tsx","webpack://gfw-brochure/./src/components/EventsCarosel/EventsCarosel.tsx","webpack://gfw-brochure/./src/components/GetInTouchPinkBox.tsx","webpack://gfw-brochure/./src/components/Home/GridHomeHeader.tsx","webpack://gfw-brochure/./src/components/Home/UniversityCard.tsx","webpack://gfw-brochure/./src/components/InstagramFeed.tsx","webpack://gfw-brochure/./src/components/Lightbox/Lightbox.tsx","webpack://gfw-brochure/./src/components/Home/UniversitiesFilter.tsx","webpack://gfw-brochure/./src/components/Home/CatchEvents.tsx","webpack://gfw-brochure/./src/pages/index.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { Card } from \"@material-ui/core\"\n\nimport { DateTime } from \"luxon\"\n\ninterface EventsCard {\n  data: any\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n  setVideo: React.Dispatch<\n    React.SetStateAction<{\n      title: string\n      url: string\n    }>\n  >\n}\n\nconst EventsCard: React.FC<EventsCard> = ({ data, setActive, setVideo }: EventsCard) => {\n  const [shadow, setShadow] = useState(0)\n  const onMouseOver = () => setShadow(15)\n  const onMouseOut = () => setShadow(0)\n  // 30/03/2021 12:00 am\n  const date = DateTime.fromFormat(data.events.timeOfEvent, \"dd/MM/yy t\")\n\n  const diff = date.diff(DateTime.now(), [\"days\"])\n\n  return (\n    <UniversityCardContainer\n      onClick={() => {\n        setActive(true)\n        setVideo({ title: data.title, url: data.events.vimeoUrl })\n      }}\n    >\n      <StyledCard\n        elevation={shadow}\n        onMouseOver={onMouseOver}\n        onMouseOut={onMouseOut}\n        //Converting this boolean into a string to stop the browser complaining. I think its a styled component vs material UI issue.\n        upcoming={(diff.days > 0).toString()}\n      >\n        <ImgContainer className=\"gatsby-image-wrapper\">\n          <DarkBackgorund />\n          <GatsbyImage\n            image={data.events.featuredImage.localFile.childImageSharp.gatsbyImageData}\n            style={{ height: 400, width: \"100%\" }}\n            imgStyle={{ objectFit: \"cover\" }}\n            //placeholderStyle={{ opacity: 0 }}\n            loading={\"eager\"}\n            alt={data.title}\n          />\n        </ImgContainer>\n        <PortfolioInfoBox>\n          {diff.days > 0 ? <Tag upcoming={diff.days > 0}>Upcoming Event</Tag> : <Tag>Previous Event</Tag>}\n          <PortfolioName>{data.title}</PortfolioName>\n          <PortfolioDesc>{date.toLocaleString({ day: \"numeric\", month: \"long\", year: \"numeric\" })}</PortfolioDesc>\n        </PortfolioInfoBox>\n      </StyledCard>\n    </UniversityCardContainer>\n  )\n}\nexport default EventsCard\n\nconst DarkBackgorund = styled.div`\n  background-color: rgba(0, 0, 0, 0.3);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: block;\n  z-index: 2;\n`\nconst UniversityCardContainer = styled.div`\n  border: 1px solid #e3e3e3;\n  background-color: #ffffff;\n  max-width: 315px;\n  max-height: 400px;\n  &:hover {\n    text-decoration: none;\n  }\n`\nconst ImgContainer = styled.div`\n  display: flex;\n  min-height: 218px;\n  background-color: white;\n  align-items: flex-start;\n  justify-content: center;\n  z-index: 10;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    min-height: 155px;\n\n    border-top: 1px solid #e3e3e3;\n    border-left: 1px solid #e3e3e3;\n    border-right: 1px solid #e3e3e3;\n  }\n`\n\ninterface StyledCardInterface {\n  upcoming: string\n}\n\nconst StyledCard = styled(Card)<StyledCardInterface>`\n  border-top: 3px solid ${props => (props.upcoming === \"true\" ? \"#FBE600\" : \"black\")};\n  border-radius: 0px !important;\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  /* border: 1px solid red; */\n  height: 100%;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    border: 1px solid #e3e3e3;\n  }\n`\n\nconst PortfolioCardContainer = styled(Link)`\n  margin: 0 10px;\n  background-color: #ffffff;\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  max-width: 315px;\n`\n\nconst PortfolioInfoBox = styled.div`\n  padding: 21px 27px 26px;\n  background: white;\n  height: 185px;\n  width: 295px;\n  background-color: #ffffff;\n  border: 1px solid #e3e3e3;\n  box-shadow: 0 0 5px 0 rgba(123, 123, 123, 0.2);\n  transition: transform 1s ease;\n  margin-top: -190px;\n  margin-right: 0;\n  z-index: 16;\n  @media (max-width: 768px) {\n    padding: 19px 23px;\n  }\n`\n\nconst PortfolioName = styled.p`\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 26px;\n  height: 70px;\n  margin-bottom: 18px;\n  color: black;\n  @media (max-width: 768px) {\n    font-size: 16px;\n\n    line-height: 21px;\n  }\n`\n\nconst PortfolioDesc = styled.p`\n  color: #4a4a4a !important;\n  font-size: 18px;\n  line-height: 28px;\n  @media (max-width: 768px) {\n    font-size: 14px;\n\n    line-height: 24px;\n  }\n`\nconst TagContainer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    padding-right: 0%;\n  }\n`\n\ninterface TagInterface {\n  upcoming: boolean\n}\n\nconst Tag = styled.b<TagInterface>`\n  text-align: center;\n  text-transform: uppercase;\n  background-color: ${props => (props.upcoming ? \"#FBE600\" : \"black\")};\n  color: ${props => (props.upcoming ? \"black\" : \"white\")};\n  font-size: 0.7rem;\n  font-weight: 400;\n  letter-spacing: 1px;\n  margin: 0 5px 5px 0;\n  height: 20px;\n  width: auto;\n  padding: 0px 8px 0px;\n  border-radius: 10px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 10px;\n  }\n`\n","import React, { useLayoutEffect, useState, FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport EventsCard from \"./EventsCard\"\nimport { Container } from \"@material-ui/core\"\nimport { Lightbox } from \"../Lightbox/Lightbox\"\n\ninterface ICarouselItems {\n  name: string\n}\n\ninterface EventsCarouselDragProps {\n  date?: string\n  events: any\n  title: string\n  url: string\n}\n\nexport const EventsCarosel: FunctionComponent<EventsCarouselDragProps> = ({ date, events }) => {\n  const [slides, setSlides] = useState(4)\n  const [padding, setPadding] = useState(20)\n  const [charLimit, setCharLimit] = React.useState(140)\n\n  const [active, setActive] = useState(false)\n  const [video, setVideo] = useState({ title: \"\", url: \"\" })\n\n  const formatText = (text: string) => {\n    if (text.length < charLimit) {\n      return text\n    }\n    return text.substr(0, charLimit) + \"...\"\n  }\n  useLayoutEffect(() => {\n    const hideArrows = () => {\n      if (typeof window !== \"undefined\") {\n        const nextBtn = document.querySelector(\".swiper-button-next\")\n        const prevBtn = document.querySelector(\".swiper-button-prev\")\n        if (window.innerWidth >= 1200 && data.length <= 3) {\n          nextBtn.style.display = \"none\"\n          prevBtn.style.display = \"none\"\n        } else if (window.innerWidth < 1200 && data.length > 3) {\n          nextBtn.style.display = \"inline-block\"\n          prevBtn.style.display = \"inline-block\"\n        }\n      }\n    }\n\n    function updateSize() {\n      if (typeof window !== \"undefined\") {\n        if (window.innerWidth <= 767) {\n          setSlides(window.innerWidth / (350 + padding * 3))\n        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {\n          setSlides(window.innerWidth / (350 + padding * 6.5))\n        } else if (window.innerWidth >= 1024 && window.innerWidth < 1200) {\n          setSlides(window.innerWidth / (350 + padding * 7))\n        } else {\n          setSlides(2.8)\n        }\n      }\n    }\n    window.addEventListener(\"resize\", updateSize)\n    // window.addEventListener('resize', hideArrows)\n    updateSize()\n    // hideArrows()\n    return () => {\n      window.removeEventListener(\"resize\", updateSize)\n      // window.removeEventListener('resize', hideArrows)\n    }\n  }, [])\n\n  return (\n    <>\n      <Lightbox active={active} setActive={setActive}>\n        <iframe\n          src={active ? video.url : null}\n          title={video.title}\n          allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n          frameBorder=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          webkitallowfullscreen=\"true\"\n          mozallowfullscreen=\"true\"\n          allowFullScreen\n        />\n      </Lightbox>\n      <ContainerS>\n        {date && <LetterHeading>{date}</LetterHeading>}\n\n        <SwiperContainer>\n          <Swiper\n            className=\"swiper-container\"\n            slidesPerView={\"auto\"}\n            navigation\n            scrollbar={{\n              hide: false,\n            }}\n          >\n            <SwipperWrapper id={\"swiper-\" + date} className=\"swiper-wrapper\">\n              {events.map((item, i) => {\n                return (\n                  <SwiperSlide key={\"events-carosel-item-\" + i} className=\"carousel-drag-slide\">\n                    {/* <UniversityCardCarousel\n                    img={\n                      item.UniversityInfo.featuredimage.localFile\n                        .childImageSharp.gatsbyImageData\n                    }\n                    name={item.title}\n                    desc={item.UniversityInfo.universityDescription}\n                    slug={item.slug}\n                  /> */}\n                    <EventsCard data={item} setActive={setActive} setVideo={setVideo} />\n                  </SwiperSlide>\n                )\n              })}\n            </SwipperWrapper>\n          </Swiper>\n        </SwiperContainer>\n      </ContainerS>\n    </>\n  )\n}\n\nconst ContainerS = styled(Container)`\n  padding-bottom: 30px;\n  z-index: 0;\n  overflow: hidden;\n  /* padding: 20px 20px 0px;\n    border: 1px solid red;\n\n  margin: 0 auto;\n  flex-direction: column;\n\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 0px 20px;\n    flex-direction: row;\n  }\n  @media (min-width: 1024px) {\n    padding: 55px 3% 0 3%;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 0;\n  } */\n  .swiper-container {\n    transition: transform 0.8s ease;\n    width: 100%;\n    margin-right: auto;\n    overflow: visible !important;\n    transition: transform 0.4s ease;\n    @media (min-width: 1024px) {\n      width: 100%;\n    }\n  }\n  .swiper {\n  }\n  .carousel-drag-slide {\n    cursor: grab;\n    height: auto;\n    margin-right: 10px;\n    width: 315px !important;\n    min-width: 315px !important;\n    padding: 0px 0px 48px;\n    @media (min-width: ${props => props.theme.breakpoints.sm}) {\n      width: 315px !important;\n      min-width: 315px !important;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    &:hover .image__container {\n      box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);\n    }\n    &:hover .text__container {\n      box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  .swiper-scrollbar {\n    position: absolute;\n    height: 1px;\n    width: calc(100vw - 140px);\n    background: ${props => props.theme.colors.turquoise};\n    left: 100px;\n    bottom: 10px;\n\n    @media screen and (min-width: 1024px) {\n      width: calc(100vw - 6% - 100px);\n    }\n    @media screen and (min-width: 1200px) {\n      width: 92%;\n    }\n  }\n  .swiper-scrollbar-drag {\n    height: 3px;\n    position: absolute;\n    top: -1px;\n    background: ${props => props.theme.colors.turquoise};\n  }\n\n  .swiper-button-next {\n    margin-left: 18px;\n    left: 15px;\n  }\n\n  .swiper-button-prev {\n    transform: rotate(-180deg);\n    left: 0;\n  }\n  .swiper-button-next::after,\n  .swiper-button-prev::after {\n    opacity: 0;\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    position: absolute;\n    top: auto;\n    bottom: 0px;\n    width: 4.9rem;\n    height: 1rem;\n    margin: 0;\n  }\n  .swiper-button-next {\n    left: 50px;\n  }\n\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ny44NCAxMS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwZGIwZTc7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9ImNscy0xIiBkPSJNNDUuMzgsNiw0MS4xNiwxLjg0bDEtMSw1LjcsNS42Mi01LjcsNS42Mi0xLTFMNDUuMzgsN0gwVjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjg4KSIvPjwvc3ZnPg==);\n    background-repeat: no-repeat;\n    /* background-color: ${props => props.theme.colors.turquoise}; */\n    background-size: 100% auto;\n    background-position: center;\n    width: 45px;\n    height: 21px;\n  }\n  .swiper-button-next:hover,\n  .swiper-button-prev:hover {\n    /* background: url(../assets/svg/long-arrow-right.svg); */\n    background-repeat: no-repeat;\n    background-size: 100% auto;\n\n    background-position: center;\n  }\n  .swiper-button-disabled {\n    opacity: 0.35;\n    cursor: auto;\n    pointer-events: none;\n  }\n`\n\nconst SwiperContainer = styled(Container)`\n  /* margin: 0 auto; */\n  /* position: relative; */\n`\nconst SwipperWrapper = styled.div`\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  box-sizing: content-box;\n`\n\ninterface ILinkWrapper {\n  noMarginTop?: boolean\n}\n\nconst LetterHeading = styled.h4`\n  color: black;\n  /* width: 100%; */\n  text-align: left;\n  align-items: top;\n\n  font-size: 2rem;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 2rem;\n    height: 70px;\n    margin-top: 10px;\n    margin-bottom: -10px;\n  }\n`\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport Cross from \"../assets/svg/GFW_cross.svg\"\nimport { ButtonSecondary, SizeType } from \"./Buttons/Buttons\"\n\nconst GetInTouchPinkBox: React.FC = () => {\n  return (\n    <FullWidth>\n      <GetInTouchContainer>\n        <PinkBoxHeading>\n          <CrossLineBox>\n            <Cross width=\"50px\" height=\"50px\" />\n            <Line />\n          </CrossLineBox>\n          IF YOU WOULD LIKE MORE INFORMATION ON GFW PLEASE GET IN TOUCH\n        </PinkBoxHeading>\n        <PinkBoxContent>\n          <p>\n            Want to chat? Reach out to us and we'll be happy to answer your questions. We love partnering with other\n            business and industry leaders too.\n          </p>\n          <div>\n            <ButtonSecondaryPinkBox to=\"/get-in-touch\" whiteborder={\"true\"} customwidth={\"300px\"} size={SizeType.large}>\n              GET IN TOUCH\n            </ButtonSecondaryPinkBox>\n          </div>\n        </PinkBoxContent>\n      </GetInTouchContainer>\n    </FullWidth>\n  )\n}\n\nexport default GetInTouchPinkBox\n\nconst FullWidth = styled.div`\n  width: 100% !important;\n  align-items: center;\n`\n\nconst GetInTouchContainer = styled.div`\n  display: flex !important;\n  background-color: ${props => props.theme.colors.secondary};\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 10;\n  margin: 0;\n  margin-bottom: 80px;\n  padding: 43px 76px 100px 96px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    flex-direction: column;\n    max-width: 100%;\n    padding: 80px 20px;\n  }\n  @media (min-width: 768px) {\n    padding: 43px 20px 100px 20px;\n  }\n`\nconst CrossLineBox = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 17px;\n`\nconst PinkBoxHeading = styled.div`\n  color: #ffffff;\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 37px;\n  text-align: left;\n  margin-right: 40px;\n  margin-left: 40px;\n  @media (min-width: 768px) {\n    max-width: 360px;\n    margin-right: 10px;\n  }\n  @media (max-width: 768px) {\n    font-size: 20px;\n    line-height: 25px;\n    margin-right: 0px;\n    margin-left: 0px;\n    margin-bottom: 0px;\n  }\n`\nconst Line = styled.hr`\n  margin-left: 15px;\n  width: 210px;\n  height: 4px;\n  border: none;\n  background-color: #fff;\n  @media (max-width: 768px) {\n    width: 150px;\n  }\n`\n\nconst PinkBoxContent = styled.div`\n  color: #ffffff;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  margin-right: 160px;\n  padding-top: 40px;\n  & p {\n    color: white;\n  }\n  @media (min-width: 768px) {\n    max-width: 495px;\n  }\n  @media (max-width: 768px) {\n    padding-top: 10px;\n    margin-right: 0px;\n    font-size: 14px;\n    line-height: 24px;\n    width: 100%;\n  }\n`\n\nconst ButtonSecondaryPinkBox = styled(ButtonSecondary)`\n  @media (max-width: 768px) {\n    width: 100%;\n  }\n`\n","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 React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { Card } from \"@material-ui/core\"\n\ninterface IUniversityCard {\n  img?: any\n  name: string\n  slug: string\n  desc: string\n}\n\nconst UniversityCard: React.FC<IUniversityCard> = ({ img, name, desc, slug }: IUniversityCard) => {\n  const string = desc\n  const length = 140\n  const trimmedString = string.length > length ? string.substring(0, length - 3) + \"...\" : string\n  const [shadow, setShadow] = useState(0)\n  const onMouseOver = () => setShadow(15)\n  const onMouseOut = () => setShadow(0)\n  return (\n    <UniversityCardContainer to={\"/universities/\" + slug}>\n      <StyledCard elevation={shadow} onMouseOver={onMouseOver} onMouseOut={onMouseOut}>\n        <ImgContainer>\n          <GatsbyImage\n            image={img}\n            style={{ height: \"auto\", maxHeight: 220, width: \"100%\" }}\n            imgStyle={{ objectFit: \"cover\" }}\n            //placeholderStyle={{ opacity: 0 }}\n            loading={\"eager\"}\n            alt={name}\n          />\n        </ImgContainer>\n        <UniversityInfoBox>\n          <UniversityName>{name}</UniversityName>\n          <UniversityDesc>{trimmedString}</UniversityDesc>\n        </UniversityInfoBox>\n      </StyledCard>\n    </UniversityCardContainer>\n  )\n}\n\nexport default UniversityCard\n\nexport const UniversityCardCarousel: React.FC<IUniversityCard> = ({ img, name, desc, slug }: IUniversityCard) => {\n  const string = desc\n  const length = 140\n  const trimmedString = string.length > length ? string.substring(0, length - 3) + \"...\" : string\n  const [shadow, setShadow] = useState(0)\n  const onMouseOver = () => setShadow(15)\n  const onMouseOut = () => setShadow(0)\n  return (\n    <UniversityCarouselCardContainer to={\"/universities/\" + slug}>\n      <StyledCard elevation={shadow} onMouseOver={onMouseOver} onMouseOut={onMouseOut}>\n        <ImgContainer>\n          <GatsbyImage\n            image={img}\n            style={{ height: \"auto\", maxHeight: 220, width: \"100%\" }}\n            imgStyle={{ objectFit: \"cover\" }}\n            //placeholderStyle={{ opacity: 0 }}\n            loading={\"eager\"}\n            alt={name}\n          />\n        </ImgContainer>\n        <UniversityInfoBox>\n          <UniversityName>{name}</UniversityName>\n          <UniversityDesc>{trimmedString}</UniversityDesc>\n        </UniversityInfoBox>\n      </StyledCard>\n    </UniversityCarouselCardContainer>\n  )\n}\n\nconst StyledCard = styled(Card)`\n  border-radius: 0px !important;\n  /* border: 1px solid red; */\n  height: 100%;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    border: 1px solid #e3e3e3;\n  }\n`\n\nconst UniversityCardContainer = styled(Link)`\n  border: 1px solid #e3e3e3;\n\n  background-color: #ffffff;\n  &:hover {\n    text-decoration: none;\n  }\n\n  max-width: 365px;\n`\nconst ImgContainer = styled.div`\n  display: flex;\n  min-height: 218px;\n  background-color: white;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    min-height: 155px;\n\n    border-top: 1px solid #e3e3e3;\n    border-left: 1px solid #e3e3e3;\n    border-right: 1px solid #e3e3e3;\n  }\n`\nconst UniversityCarouselCardContainer = styled(Link)`\n  background-color: #ffffff;\n  border: 1px solid #e3e3e3;\n  min-width: 320px;\n  &:hover {\n    text-decoration: none;\n  }\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    border: 0px solid #e3e3e3;\n    width: 290px !important;\n  }\n`\n\nconst UniversityInfoBox = styled.div`\n  padding: 22px 30px;\n\n  height: 200px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    height: 165px;\n    border-bottom: 1px solid #e3e3e3;\n    border-left: 1px solid #e3e3e3;\n    border-right: 1px solid #e3e3e3;\n  }\n`\n\nconst UniversityName = styled.p`\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 26px;\n  height: 38px;\n  margin-bottom: 18px;\n  color: black;\n  @media (max-width: 768px) {\n    font-size: 16px;\n\n    line-height: 21px;\n  }\n`\n\nconst UniversityDesc = styled.p`\n  color: #4a4a4a !important;\n  font-size: 18px;\n  line-height: 28px;\n  @media (max-width: 768px) {\n    font-size: 14px;\n\n    line-height: 24px;\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\"\nimport \"./Lightbox.scss\"\n\ninterface LightBoxInterface {\n  active: boolean\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const Lightbox: React.FC<LightBoxInterface> = ({ active, children, setActive }) => {\n  return (\n    <div className={`lightbox ${active && \"active\"} `} onClick={() => setActive(false)}>\n      <div className=\"inner\">\n        <div className=\"content\" onClick={e => e.stopPropagation()}>\n          <div style={{ textAlign: \"right\", width: \"110%\", position: \"relative\" }}>\n            {/* <button className=\"close-button\" aria-label=\"Close\" onClick={() => setActive(false)}>\n              <Close fill=\"white\" stroke=\"white\" />\n            </button> */}\n          </div>\n          {children}\n          {/* <div style={{ textAlign: \"right\",  width: \"100%\", height: \"30%\", paddingRight: \"0px\" }}>\n                  \n                </div>   */}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { FunctionComponent, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { ButtonSecondary } from \"../Buttons/Buttons\"\n\nimport UniversityCard from \"./UniversityCard\"\nimport GetInTouchPinkBox from \"../GetInTouchPinkBox\"\nimport { Container } from \"@material-ui/core\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport _ from \"lodash\"\n\ninterface IUniversityCard {\n  img?: string\n  name: string\n  desc: string\n  UniversityInfo: Array<IInfo>\n}\ninterface IInfo {\n  isInUk: boolean\n}\ninterface UniversityFlierProps {\n  data: Array<IUniversityCard>\n}\n\n// type IUniversities = Array<IUniversityCard>\n\n// Sorry!\ntype IUniversities = any\n\nconst UniversitiesFiler: FunctionComponent<UniversityFlierProps> = ({ data }: IUniversities) => {\n  const shuffledUnis = _.cloneDeep(data).sort(() => Math.random() - 0.5)\n  const [universities, setUniversities] = useState(shuffledUnis.slice(0, 6))\n  const [sortType, setSortType] = useState(\"name\")\n\n  useEffect(() => {\n    let isMounted = true\n    if (isMounted) {\n      const newUnis = _.cloneDeep(data).sort(() => Math.random() - 0.5)\n      switch (sortType) {\n        case \"name\":\n          setUniversities(_.cloneDeep(newUnis).slice(0, 6))\n          break\n        case \"uk\":\n          setUniversities(\n            _.cloneDeep(newUnis)\n              .filter(uni => uni.UniversityInfo.isInUk)\n              .slice(0, 6)\n          )\n          break\n\n        case \"international\":\n          setUniversities(\n            _.cloneDeep(newUnis)\n              .filter(uni => uni.UniversityInfo.isInUk != true)\n              .slice(0, 6)\n          )\n          break\n      }\n    }\n    return () => {\n      isMounted = false\n    }\n  }, [sortType])\n\n  return (\n    <FullWidth>\n      <Subtitle>OUR MEMBERS</Subtitle>\n      <Title>OUR LEADING FASHION UNIVERSITIES</Title>\n\n      <Container maxWidth={\"lg\"}>\n        <ButtonContainer>\n          <input\n            type={\"radio\"}\n            id={\"region-radio-\"}\n            name={\"region\"}\n            value={\"name\"}\n            checked={\"name\" === sortType}\n            onChange={e => setSortType(\"name\")}\n          />\n          <label htmlFor={\"region-radio-\"}>All</label>\n\n          <input\n            type={\"radio\"}\n            id={\"region-radio-2\"}\n            name={\"region\"}\n            value={\"uk\"}\n            checked={\"uk\" === sortType}\n            onChange={e => setSortType(\"uk\")}\n          />\n          <label htmlFor={\"region-radio-2\"}>UK</label>\n\n          <input\n            type={\"radio\"}\n            id={\"region-radio-3\"}\n            name={\"region\"}\n            value={\"international\"}\n            checked={\"international\" === sortType}\n            onChange={e => setSortType(\"international\")}\n          />\n          <label htmlFor={\"region-radio-3\"}>International</label>\n        </ButtonContainer>\n\n        <UniversitiesFilerContainer>\n          {universities.map((item, index) => {\n            let img= null\n            try{\n              img = item.UniversityInfo.featuredimage.localFile.childImageSharp.gatsbyImageData\n            }catch(e){\n              // console.log(\"no img for \" + item.title)\n            }\n            return (\n              <UniversityCard\n                key={\"uni-card-\" + uuidv4()}\n                name={item.title}\n                desc={item.UniversityInfo.universityDescription}\n                slug={item.slug}\n                img={img}\n              />\n            )\n          })}\n        </UniversitiesFilerContainer>\n\n        <UniversitiesFilerContainerMobile>\n          {/* <MobileFlier>\n            <UniversityCarouselDrag data={universities} isHidden={false}/>\n          </MobileFlier> */}\n        </UniversitiesFilerContainerMobile>\n        <ButtonContainer>\n          <ButtonSecondary to=\"/universities\">SHOW ALL UNIVERSITIES</ButtonSecondary>\n        </ButtonContainer>\n        <PinkBoxContainer>\n          <GetInTouchPinkBox></GetInTouchPinkBox>\n        </PinkBoxContainer>\n      </Container>\n    </FullWidth>\n  )\n}\n\nexport default UniversitiesFiler\n\nconst FullWidth = styled.div`\n  /* border: 1px solid red; */\n  width: 100vw;\n  /* max-width: 1200px; */\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: left;\n  z-index: 10;\n  margin-bottom: 80px;\n  background-color: #ecf9fd;\n  padding-top: 100px;\n  margin-top: 32px;\n\n  margin-bottom: 250px;\n  position: relative;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    padding-left: 0px;\n    padding-right: 0px;\n    margin-top: 10px;\n    padding-top: 50px;\n  }\n`\n\nconst UniversitiesFilerContainer = styled.div`\n  margin-top: 3rem;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 40px;\n  width: 100%;\n  /* max-width: 1440px; */\n  margin-bottom: 50px;\n  padding: 30px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    padding: 15px;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    display: none;\n  }\n`\nconst UniversitiesFilerContainerMobile = styled.div`\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    display: none;\n  }\n`\nconst MobileFlier = styled.div``\n\nconst PinkBoxContainer = styled.div`\n  position: relative;\n  bottom: -250px;\n\n  margin: 0 auto;\n  margin-top: -200px;\n  width: 100%;\n  background-color: blue;\n  /* @media (max-width: ${props => props.theme.breakpoints.md}) {\n    margin-bottom: -340px;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    margin-bottom: -440px;\n  } */\n`\n\nconst Subtitle = styled.p`\n  letter-spacing: 2px;\n  @media (max-width: 768px) {\n    font-size: 12px;\n\n    line-height: 22px;\n  }\n`\nconst Title = styled.h3`\n  letter-spacing: 2px;\n  font-weight: 600;\n  @media (max-width: 768px) {\n    font-size: 24px;\n    line-height: 29px;\n    text-align: center;\n  }\n`\n\nconst ButtonContainer = styled.div`\n  display: flex;\n  column-gap: 9px;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    justify-content: space-between;\n    width: 100%;\n    margin: 10px 0px;\n  }\n`\n\nconst Gap = styled.div`\n  width: 8px;\n`\n","import React, { FunctionComponent, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { EventsCarosel } from \"../EventsCarosel/EventsCarosel\"\nimport { Container } from \"@material-ui/core\"\ninterface CarouselDragProps {\n  id: string\n  events: any[]\n}\n\nconst CatchEvents: FunctionComponent<CarouselDragProps> = ({ id, events }) => {\n  const [active, setActive] = useState(false)\n  const [video, setVideo] = useState({ title: \"\", url: \"\" })\n\n  return (\n    <Container maxWidth={\"xl\"}>\n      <Title>CATCH UP ON OUR GRADUATE EVENTS</Title>\n      <CatchEventRow>\n        <CrossTitleContainer>\n          <CrossSubtitle>EVENT HIGHLIGHTS</CrossSubtitle>\n          <CrossTitle>GFW HIGHLIGHTS</CrossTitle>\n        </CrossTitleContainer>\n\n        {/* <CarouselEvent events={events} /> */}\n        <CarouselContainer>\n          <EventsCarosel date={\"\"} setActive={setActive} setVideo={setVideo} events={events} />\n        </CarouselContainer>\n      </CatchEventRow>\n    </Container>\n  )\n}\n\nexport default CatchEvents\n\nconst FullWidth = styled.div`\n  padding-top: 30px;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 700px;\n  position: relative;\n`\nconst Title = styled.h3`\n  margin-top: 30px;\n  font-size: 50px;\n  font-weight: 600;\n  letter-spacing: 0.62px;\n  line-height: 55px;\n  text-align: center;\n  @media (max-width: 768px) {\n    font-size: 24px;\n\n    letter-spacing: 0.3px;\n    line-height: 29px;\n  }\n`\n\nconst CrossTitleContainer = styled.div`\n  width: 35%;\n  height: 500px;\n  max-width: 500px;\n  /* width: 500px!important;\n  height: 500px; */\n  display: flex;\n  z-index: 2;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n\n  background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMycHgiIGhlaWdodD0iMjMycHgiIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIzMi44NyAyMzIuODciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMGRiMGU3O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBpZD0iTWFzayIgY2xhc3M9ImNscy0xIiBwb2ludHM9IjE3OS40NiAxMTYuNDQgMjMyLjg3IDYzLjAzIDE2OS44NCAwIDExNi40NCA1My40MSA2My4wMyAwIDAgNjMuMDMgNTMuNDEgMTE2LjQ0IDAgMTY5Ljg0IDYzLjAzIDIzMi44NyAxMTYuNDQgMTc5LjQ2IDE2OS44NCAyMzIuODcgMjMyLjg3IDE2OS44NCAxNzkuNDYgMTE2LjQ0Ii8+PC9zdmc+\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    background-position: center;\n    width: 100%;\n    height: 320px;\n    margin-bottom: -30px;\n    z-index: 0;\n  }\n`\nconst CarouselContainer = styled.div`\n  width: 65%;\n  overflow: hidden;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    width: 100%;\n  }\n`\nconst CrossSubtitle = styled.p`\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 2px;\n  line-height: 30px;\n  @media (max-width: 768px) {\n    font-size: 12px;\n\n    line-height: 14px;\n  }\n`\n\nconst CrossTitle = styled.h3`\n  font-size: 50px;\n  font-weight: 600;\n  letter-spacing: 0;\n  line-height: 55px;\n  max-width: 50%;\n  text-align: center;\n  @media (max-width: 768px) {\n    font-size: 30px;\n\n    line-height: 35px;\n  }\n`\n\nconst CatchEventRow = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 60px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    flex-direction: column;\n  }\n`\n","import React, { useEffect } from \"react\"\nimport UniversitiesFiler from \"../components/Home/UniversitiesFilter\"\nimport { Layout } from \"../components/layout\"\nimport { graphql } from \"gatsby\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\nimport GridHomeHeader from \"../components/Home/GridHomeHeader\"\nimport { InstagramFeed } from \"../components/InstagramFeed\"\nimport CatchEvents from \"../components/Home/CatchEvents\"\n\nconst headings = [\"Sustainability\", \"Diversity\", \"Heritage\", \"Award Nominees\"]\n\nconst Home: React.FC = ({ data }) => {\n  const unis = data.allWpUniversity.edges.map(v => v.node)\n  const portfolios = data.allWpPortfolio.edges.map(v => v.node)\n  // console.log(data)\n  // console.log(\"Home: \" + data.wpPage.id)\n  // console.log(\"Events Home: \" + data.EventsContent.id)\n  // console.log(\"Showing Event Homepage: \" + data.controls.event_page_controls.toggleEventHompage)\n\n  let home = data.wpPage\n  if(data.controls.event_page_controls.toggleEventHompage){\n    home = data.EventsContent\n  }\n \n  const blocks = LazyBlockFactory(home.lazy_data, \"Home\")\n  const events = data.allWpEvent.edges.map(v => v.node)\n\n  useEffect(() => {\n    const eventControlPageUrl =  \"https://cms.gfw-dev.co.uk/wp-json/wp/v2/pages?slug=event-page-controls\"\n\n    fetch(eventControlPageUrl)\n    .then(response => response.json())\n    .then(data => console.log(data));\n  })\n\n  // console.log(home)\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      />\n      \n      {blocks.map((v, i) => {\n        if (i == 1) {\n          return (\n            <div key={\"uni-home-filter\"}>\n              <UniversitiesFiler data={unis} />\n              {v}\n            </div>\n          )\n        } else {\n          return v\n        }\n      })}\n      {/* {data.site.siteMetadata.amplifyBranch !== \"master\" ? (\n        <> */}\n          \n\n          <CatchEvents events={events} />\n        {/* </>\n      ) : ( \n        <></>\n      )}  */}\n\n      <InstagramFeed />\n    </Layout>\n  )\n}\n\nexport default Home\nexport const pageQuery = graphql`\n  query home {\n    site {\n      siteMetadata {\n        amplifyBranch\n      }\n    }\n\n    allWpUniversity {\n      edges {\n        node {\n          id\n          slug\n          UniversityInfo {\n            featuredimage {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 400, layout: CONSTRAINED)\n                }\n              }\n            }\n            isInUk\n            universityDescription\n            universityLocationCityForSearch\n          }\n          title\n        }\n      }\n    }\n    wpPage(title: { eq: \"Home\" }) {\n      id\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   controls: wpPage(title: {eq: \"Event Page Controls\"}) {\n    id\n    event_page_controls {\n      toggleEventHompage\n    }\n  }\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    allWpEvent {\n      edges {\n        node {\n          id\n          title\n          events {\n            vimeoUrl\n            timeOfEvent\n            featuredImage {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 400, layout: CONSTRAINED)\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    allWpKeynoteSpeaker {\n      edges {\n        node {\n          keynoteSpeakers {\n            description\n            name\n            role\n            date\n            featuredImage {\n              localFile {\n                childImageSharp {\n                  fluid(maxWidth: 400) {\n                    ...GatsbyImageSharpFluid\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    EventsContent: wpPage(title: { eq: \"Home Event\" }) {\n      id\n      title\n      HomeData {\n        fieldGroupName\n        getInTouchFooterBody\n        getInTouchFooterCat\n        headingTitle\n        headingDescription\n        getInTouchFooterHeading\n      }\n      lazy_data\n    }\n  }\n`\n"],"names":["data","setActive","setVideo","useState","shadow","setShadow","date","DateTime","events","timeOfEvent","diff","UniversityCardContainer","onClick","title","url","vimeoUrl","StyledCard","elevation","onMouseOver","onMouseOut","upcoming","days","toString","ImgContainer","className","DarkBackgorund","G","image","featuredImage","localFile","childImageSharp","gatsbyImageData","style","height","width","imgStyle","objectFit","loading","alt","PortfolioInfoBox","Tag","PortfolioName","PortfolioDesc","toLocaleString","day","month","year","styled","props","theme","breakpoints","sm","Card","Link","EventsCarosel","setSlides","padding","React","active","video","useLayoutEffect","updateSize","window","innerWidth","addEventListener","removeEventListener","Lightbox","src","allow","frameBorder","webkitallowfullscreen","mozallowfullscreen","allowFullScreen","ContainerS","LetterHeading","SwiperContainer","slidesPerView","navigation","scrollbar","hide","SwipperWrapper","id","map","item","i","key","Container","colors","turquoise","FullWidth","GetInTouchContainer","PinkBoxHeading","CrossLineBox","Line","PinkBoxContent","ButtonSecondaryPinkBox","to","whiteborder","customwidth","size","SizeType","secondary","md","ButtonSecondary","body","address","bottomRowHidden","cta1IsHidden","cta1Label","cta1Url","cta2IsHidden","cta2Label","cta2Url","endDate","startDate","string","length","startDateLuxon","substring","endDateLuxon","useStaticQuery","MainContainer","BackgroundColor","BackgroundPattern","StyledHeaderImg","TransparentPlacer","TransparentBox","GridContainer","TextBoxCard","TextBoxCardContent","H1Header","PHeader","ButtonContainer","display","ButtonSecondaryCont","LineCrossContainer","LocationRow","DateContainer","DateBox","DateLineBox","LocationContainer","ImageBox","primary","GatsbyImage","tints","white","img","name","desc","slug","trimmedString","maxHeight","UniversityInfoBox","UniversityName","UniversityDesc","UniversityCardCarousel","UniversityCarouselCardContainer","InstagramFeed","useEffect","s","document","createElement","type","async","innerHTML","appendChild","Subtitle","Title","href","target","rel","children","e","stopPropagation","textAlign","position","shuffledUnis","sort","Math","random","slice","universities","setUniversities","sortType","setSortType","isMounted","newUnis","filter","uni","UniversityInfo","isInUk","maxWidth","value","checked","onChange","htmlFor","UniversitiesFilerContainer","index","featuredimage","UniversityCard","uuidv4","universityDescription","UniversitiesFilerContainerMobile","PinkBoxContainer","GetInTouchPinkBox","CatchEventRow","CrossTitleContainer","CrossSubtitle","CrossTitle","CarouselContainer","unis","allWpUniversity","edges","v","node","home","allWpPortfolio","wpPage","controls","event_page_controls","toggleEventHompage","EventsContent","blocks","LazyBlockFactory","lazy_data","allWpEvent","fetch","then","response","json","console","log","GridHomeHeader","HomeData","headingTitle","headingDescription","homepageHeaderImage"],"sourceRoot":""}