{"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>\n setVideo: React.Dispatch<\n React.SetStateAction<{\n title: string\n url: string\n }>\n >\n}\n\nconst EventsCard: React.FC = ({ 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 {\n setActive(true)\n setVideo({ title: data.title, url: data.events.vimeoUrl })\n }}\n >\n 0).toString()}\n >\n \n \n \n \n \n {diff.days > 0 ? 0}>Upcoming Event : Previous Event}\n {data.title}\n {date.toLocaleString({ day: \"numeric\", month: \"long\", year: \"numeric\" })}\n \n \n \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)`\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`\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 = ({ 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 \n \n \n \n {date && {date}}\n\n \n \n \n {events.map((item, i) => {\n return (\n \n {/* */}\n \n \n )\n })}\n \n \n \n \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 \n \n \n \n \n \n \n IF YOU WOULD LIKE MORE INFORMATION ON GFW PLEASE GET IN TOUCH\n \n \n

\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

\n
\n \n GET IN TOUCH\n \n
\n
\n
\n
\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 = ({\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 \n \n \n \n\n \n \n \n \n \n \n \n {title}\n {body.length > length ? body.substring(0, length - 3) + \"...\" : body}\n {/* */}\n \n
\n \n
\n
\n \n {cta2Label}\n \n
\n \n
\n\n \n \n \n \n \n \n \n \n

{startDateLuxon.day}

\n

{startDateLuxon.toLocaleString({ month: \"long\", year: \"numeric\" })}

\n
\n \n

-

\n
\n \n

{endDateLuxon.day}

\n

{endDateLuxon.toLocaleString({ month: \"long\", year: \"numeric\" })}

\n
\n
\n \n {/*
Coal Drops Yard
\n\n
Kings Cross, London
*/}\n
{address}
\n
\n
\n
\n
\n \n {/* */}\n \n
\n
\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 = ({ 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 \n \n \n \n \n \n {name}\n {trimmedString}\n \n \n \n )\n}\n\nexport default UniversityCard\n\nexport const UniversityCardCarousel: React.FC = ({ 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 \n \n \n \n \n \n {name}\n {trimmedString}\n \n \n \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 \n The word on the street\n What people are saying\n\n {/* */}\n \n \n\n\n \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>\n}\n\nexport const Lightbox: React.FC = ({ active, children, setActive }) => {\n return (\n
setActive(false)}>\n
\n
e.stopPropagation()}>\n
\n {/* */}\n
\n {children}\n {/*
\n \n
*/}\n
\n
\n
\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\n}\ninterface IInfo {\n isInUk: boolean\n}\ninterface UniversityFlierProps {\n data: Array\n}\n\n// type IUniversities = Array\n\n// Sorry!\ntype IUniversities = any\n\nconst UniversitiesFiler: FunctionComponent = ({ 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 \n OUR MEMBERS\n OUR LEADING FASHION UNIVERSITIES\n\n \n \n setSortType(\"name\")}\n />\n \n\n setSortType(\"uk\")}\n />\n \n\n setSortType(\"international\")}\n />\n \n \n\n \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 \n )\n })}\n \n\n \n {/* \n \n */}\n \n \n SHOW ALL UNIVERSITIES\n \n \n \n \n \n \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 = ({ id, events }) => {\n const [active, setActive] = useState(false)\n const [video, setVideo] = useState({ title: \"\", url: \"\" })\n\n return (\n \n CATCH UP ON OUR GRADUATE EVENTS\n \n \n EVENT HIGHLIGHTS\n GFW HIGHLIGHTS\n \n\n {/* */}\n \n \n \n \n \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 \n \n \n {blocks.map((v, i) => {\n if (i == 1) {\n return (\n
\n \n {v}\n
\n )\n } else {\n return v\n }\n })}\n {/* {data.site.siteMetadata.amplifyBranch !== \"master\" ? (\n <> */}\n \n\n \n {/* \n ) : ( \n <>\n )} */}\n\n \n
\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":""}