{"version":3,"sources":["webpack:///./src/components/About/AboutTed/AboutTed.tsx","webpack:///./src/components/About/MeetUs/Associates/Associates.tsx","webpack:///./src/components/About/MeetUs/TeamMembersSlider/MembersDisplay/MembersDisplay.tsx","webpack:///./src/components/About/MeetUs/TeamMembersSlider/TeamMembersSlider.tsx","webpack:///./src/components/About/MeetUs/MeetUs.tsx","webpack:///./src/components/About/AboutTedEvents/AboutTedEvents.tsx","webpack:///./src/components/About/AboutUs/AboutUs.tsx","webpack:///./src/templates/AboutPage.tsx","webpack:///./src/components/shared/ContentPanel/ContentPanel.tsx","webpack:///./src/components/shared/HeroSection/HeroSection.tsx"],"names":["AboutTed","props","className","Lines","wider","rehypePlugins","rehypeRaw","aboutTedContent","aboutTedSpeakers","map","x","name","slice","length","join","Associates","associates","associate","index","key","fixed","profileImage","alt","style","wordSpacing","title","MembersDisplay","teamMembers","activeMemberIndex","setCurrentSlide","member","split","onClick","TeamMembersSlider","numberOfSlides","useSlider","mobile","tablet","desktop","sliderRef","nextSlide","prevSlide","slider","currentSlide","moveToSlide","Slider","fluid","profileImageDesktop","children","description","MeetUs","teamMembersSlider","id","onlyHorizontal","color","AboutTedEvents","background","titleFontClass","aboutTedEventsTitle","aboutTedEvents","event","content","AboutUs","AboutUsImage","ContentPanel","AboutUsTitle","AboutUsContent","AboutPageTemplate","Page","HeroSection","heroTitle","heroBackgroundImage","heroBackgroundImageDesktop","heroBackgroundImageAlt","centerContentVertically","mediaInitiativesTitle","mediaInitiatives","Newsletter","variant","NewsletterVariant","black","newsletterTitle","newsletterMessage1","newsletterMessage2","newsletterBackgroundImage","newsletterBackgroundImageDesktop","AboutPage","pageContext","heroSubtitle","heroButtonText","heroButtonLink","heroButtonShow","heroLinks","featuredButtonLink","fontMedium","BackgroundImage","image","imageDesktop","height","classNameChild","lineHeight","to","Button","heroLink","href","path","displayName"],"mappings":"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","file":"component---src-templates-about-page-tsx-13003b30d89bcd0268c6.js","sourcesContent":["import React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport \"./AboutTed.styled.css\";\nimport {Lines} from \"../../Lines/Lines\";\n\ninterface TedSpeaker {\n  name: string;\n}\n\nexport interface AboutTedProps {\n  aboutTedContent: string;\n  aboutTedSpeakers: Array<TedSpeaker>;\n}\n\nexport const AboutTed = (props: AboutTedProps) => (\n  <div className=\"bg-customLightGrey main-grid-full-span relative\">\n    <Lines wider={true}/>\n    <div className=\"seamless-grid pt-20 pb-20\">\n      <div className=\"flex items-top col-start-2 col-end-3\">\n        <h2>\n          About <span className=\"text-customRed font-bold\">TED</span>\n        </h2>\n      </div>\n      <div className=\"col-start-2 col-end-3 mt-8 md:col-start-2 md:col-end-5 md:mt-8 xl:col-start-4 xl:col-end-7 xl:mt-0 font-normal z-10\">\n        <div className=\"about-ted-content\">\n          <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n            {props.aboutTedContent}\n          </ReactMarkdown>\n        </div>\n\n        <div className={\"border-2 p-5 mt-8\"}>\n          <div className={\"font-bold\"}>TED speakers have included</div>\n          <div>{`${props.aboutTedSpeakers\n            .map((x: TedSpeaker) => x.name)\n            .slice(0, props.aboutTedSpeakers.length - 2)\n            .join(\", \")} and ${\n            props.aboutTedSpeakers.map((x: TedSpeaker) => x.name)[\n              props.aboutTedSpeakers.length - 1\n            ]\n          }.`}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { Associate } from \"../MeetUs.types\";\nimport Img from \"gatsby-image\";\n\ninterface AssociatesProps {\n  associates: Associate[];\n}\n\nexport const Associates = ({ associates }: AssociatesProps) => (\n  <>\n    <h3 className=\"text-white font-semibold text-3xl\">Associates:</h3>\n    <div className=\"col-start-1 col-end-full grid grid-cols-1 md:grid-cols-3 xl:grid-cols-5 grid-flow-row gap-20 my-10\">\n      {associates.map((associate, index) => (\n        <div\n          key={associate.name + index}\n          className=\"flex flex-col justify-center items-center\"\n        >\n          <Img\n            className=\"rounded-full \"\n            fixed={associate.profileImage}\n            alt=\"Associate profile image\"\n          />\n          <p\n            className=\"text-lg font-semibold text-white text text-center mt-5 mb-2\"\n            style={{ wordSpacing: \"100000px\" }}\n          >\n            {associate.name}\n          </p>\n          <p className=\"text-white font-light\">{associate.title}</p>\n        </div>\n      ))}\n    </div>\n  </>\n);\n","import React from \"react\";\nimport { TeamMember } from \"@/components/About/MeetUs/MeetUs.types\";\n\ninterface MembersDisplayProps {\n  teamMembers: TeamMember[];\n  activeMemberIndex: number;\n  setCurrentSlide: (slide: number) => void;\n}\n\nexport const MembersDisplay = ({\n  teamMembers,\n  activeMemberIndex,\n  setCurrentSlide,\n}: MembersDisplayProps) => (\n  <div className=\"hidden md:flex text-white mb-10 flex-wrap\">\n    {teamMembers.map((member, index) => {\n      const name = member.name.split(\" \");\n      return (\n        <div\n          className=\"flex flex-col font-regular mr-5 cursor-pointer mt-5\"\n          key={member.name + index}\n          onClick={() => setCurrentSlide(index)}\n        >\n          <span>{`${name[0]} `} <br className=\"xl:hidden lg:hidden\"/>{name[1]}</span>\n          <span\n            className={`h-1 bg-customRed rounded-sm sm:w-full md:w-auto mt-3  ${\n              activeMemberIndex === index ? \"opacity-100\" : \"opacity-50\"\n            }`}\n          />\n        </div>\n      );\n    })}\n  </div>\n);\n","import React from \"react\";\nimport { Slider, useSlider } from \"@/components/shared/Slider\";\nimport ReactMarkdown from \"react-markdown\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport { TeamMember } from \"@/components/About/MeetUs/MeetUs.types\";\nimport { MembersDisplay } from \"./MembersDisplay\";\nimport \"./TeamMembersSlider.styled.css\";\n\nimport { BsChevronLeft, BsChevronRight } from \"react-icons/bs\";\n\ninterface TeamMembersSliderProps {\n  teamMembers: TeamMember[];\n}\n\nexport const TeamMembersSlider = ({ teamMembers }: TeamMembersSliderProps) => {\n  const numberOfSlides = teamMembers.length;\n  const { sliderRef, nextSlide, prevSlide, slider, currentSlide } = useSlider(\n    numberOfSlides,\n    {\n      mobile: 1,\n      tablet: 1,\n      desktop: 1.2,\n    },\n    { mobile: 50, tablet: 50, desktop: 50 }\n  );\n\n  return (\n    <>\n      <div className=\"main-grid-full-span\">\n        <div className=\"main-grid\">\n          <h2>team members slide</h2>\n          {slider && (\n            <MembersDisplay\n              teamMembers={teamMembers}\n              activeMemberIndex={currentSlide}\n              setCurrentSlide={slider.moveToSlide}\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"main-grid-full-span relative mb-10\">\n        <div className=\"relative seamless-grid z-10 team-members-slider-container\">\n          <div className=\"col-start-2 col-span-full relative\">\n            <Slider sliderRef={sliderRef}>\n              {teamMembers.map((member, index) => (\n                <div\n                  className=\"flex flex-col md:grid md:grid-cols-2 md:grid-cols-2 h-full\"\n                  key={member.name + index}\n                >\n                  <div className=\"h-64 md:h-auto border-none\">\n                    <Img\n                      className=\"h-full  z-0 md:hidden\"\n                      fluid={member.profileImage}\n                      alt=\"Team member profile images\"\n                    />\n                    <Img\n                      className=\"h-full w-full z-0 hidden md:block\"\n                      fluid={member.profileImageDesktop}\n                      alt=\"Team member profile images\"\n                    />\n                  </div>\n                  <div className=\"p-10 bg-white team-member-details-container\">\n                    <h2 className=\"font-semibold\">{member.name}</h2>\n                    <span className=\"block text-2xl font-light mb-10\">\n                      {member.title}\n                    </span>\n                    <ReactMarkdown children={member.description} />\n                  </div>\n                </div>\n              ))}\n            </Slider>\n            <div\n              className={`team-members-slider-controls control-left cursor-pointer ${\n                currentSlide === 0\n                  ? \"hidden\"\n                  : \"flex justify-center items-center\"\n              }`}\n              onClick={prevSlide}\n            >\n              <BsChevronLeft className=\"text-customRed hover:opacity-40 cursor-pointer stroke-1 text-3xl \" />\n            </div>\n            <div\n              className={`team-members-slider-controls cursor-pointer control-right ${\n                currentSlide === numberOfSlides - 1\n                  ? \"hidden\"\n                  : \"flex justify-center items-center\"\n              }`}\n              onClick={nextSlide}\n            >\n              <BsChevronRight className=\"text-customRed hover:opacity-40 cursor-pointer stroke-1 text-3xl\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n","import React from \"react\";\nimport { MeetUsProps } from \"./MeetUs.types\";\nimport { Associates } from \"./Associates\";\nimport { TeamMembersSlider } from \"@/components/About/MeetUs/TeamMembersSlider\";\nimport {Lines} from \"@/components/Lines/Lines\";\n\nexport const MeetUs = ({ teamMembersSlider, associates }: MeetUsProps) => (\n  <div className=\"main-grid-full-span bg-black py-10 relative\" id={\"meet-us-section\"}>\n      <Lines onlyHorizontal={true} color={'#ffffff1a'}/>\n      <div className=\"main-grid\">\n          <h2 className=\"font-bold text-white mt-10 text-8xl\">Meet us</h2>\n          <TeamMembersSlider teamMembers={teamMembersSlider} />\n          <Associates associates={associates} />\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport \"./AboutTedEvents.styled.css\";\nimport {Lines} from \"../../Lines/Lines\";\n\nexport interface Content {\n  content: string;\n}\n\nexport interface MediaInitiatives {\n  mediaInitiativesTitle: string;\n  mediaInitiatives: Array<Content>;\n}\n\nexport interface TedEventsProps {\n  aboutTedEventsTitle: string;\n  aboutTedEvents: Array<Content>;\n  background?: string;\n  titleFontClass?: string;\n}\n\nexport const AboutTedEvents = (props: TedEventsProps) => (\n  <div className={`${props.background == \"white\" ? \"\" : \"bg-customLightGrey\"} main-grid-full-span relative`}>\n    <Lines wider={true}/>\n    <div className=\"main-grid pt-10 pb-10\">\n      <div\n        className={`items-top ${props.titleFontClass} col-start-1 col-end-full`}\n      >\n        <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n          {props.aboutTedEventsTitle}\n        </ReactMarkdown>\n      </div>\n      <div className=\"inner-grid mt-8 anchor-red\">\n        {props.aboutTedEvents.map((event: Content) => (\n          <div className={\"grid font-normal grid-cols-6 gap-4 mt-5 md:mt-1\"}>\n            <div className={\"col-span-1 pt-3\"}>\n              <div className={\"line\"} />\n            </div>\n            <div className={\"col-start-2 col-span-5\"}>\n              <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                {event.content}\n              </ReactMarkdown>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport \"./AboutUs.styled.css\";\nimport { ContentPanel } from \"@/components/shared/ContentPanel\";\nimport {Lines} from \"../../Lines/Lines\";\n\nexport interface Content {\n  content: string;\n}\n\nexport interface MediaInitiatives {\n  mediaInitiativesTitle: string;\n  mediaInitiatives: Array<Content>;\n}\n\nexport interface AboutUsProps {\n  AboutUsTitle: string;\n  AboutUsContent: string;\n  AboutUsImage: FluidObject;\n}\n\nexport const AboutUs = (props: AboutUsProps) => (\n  <div className=\"main-grid-full-span relative\">\n    <Lines wider={true}/>\n    <div className={\"main-grid mt-16\"}>\n      <div className={\"flex col-start-2 col-end-5 z-10\"}>\n        <Img\n          className=\"w-full h-full\"\n          fluid={props.AboutUsImage}\n          alt=\"Slider item image\"\n        />\n      </div>\n    </div>\n    <ContentPanel title={props.AboutUsTitle} content={props.AboutUsContent} />\n  </div>\n);\n","import React from \"react\";\nimport { Page } from \"./Page\";\nimport { FluidObject } from \"gatsby-image\";\nimport { HeroSection } from \"@/components/shared/HeroSection\";\nimport { AboutTed, AboutTedProps } from \"@/components/About/AboutTed\";\nimport { MeetUs, MeetUsProps } from \"@/components/About/MeetUs\";\nimport {\n  Newsletter,\n  NewsletterProps,\n  NewsletterVariant,\n} from \"@/components/shared/Newsletter\";\nimport {\n  AboutTedEvents,\n  MediaInitiatives,\n  TedEventsProps,\n} from \"@/components/About/AboutTedEvents\";\nimport { AboutUs, AboutUsProps } from \"@/components/About/AboutUs\";\n\ninterface Props\n  extends AboutTedProps,\n    TedEventsProps,\n    MediaInitiatives,\n    AboutUsProps,\n    MeetUsProps,\n    NewsletterProps {\n  heroTitle: string;\n  heroBackgroundImage: FluidObject;\n  heroBackgroundImageDesktop: FluidObject;\n  heroBackgroundImageAlt: string;\n}\n\nexport const AboutPageTemplate = (props: Props) => (\n  <Page>\n    <HeroSection\n      heroTitle={props.heroTitle}\n      heroBackgroundImage={props.heroBackgroundImage}\n      heroBackgroundImageDesktop={props.heroBackgroundImageDesktop}\n      heroBackgroundImageAlt={props.heroBackgroundImageAlt}\n      centerContentVertically={true}\n    />\n    <AboutTed\n      aboutTedContent={props.aboutTedContent}\n      aboutTedSpeakers={props.aboutTedSpeakers}\n    />\n    <AboutTedEvents\n      aboutTedEventsTitle={props.aboutTedEventsTitle}\n      aboutTedEvents={props.aboutTedEvents}\n      titleFontClass={\"text-2xl md:text-3xl about-ted-events-title-bold\"}\n      background={\"white\"}\n    />\n    <AboutTedEvents\n      aboutTedEventsTitle={props.mediaInitiativesTitle}\n      aboutTedEvents={props.mediaInitiatives}\n    />\n    <AboutUs\n      AboutUsTitle={props.AboutUsTitle}\n      AboutUsContent={props.AboutUsContent}\n      AboutUsImage={props.AboutUsImage}\n    />\n    <MeetUs\n      teamMembersSlider={props.teamMembersSlider}\n      associates={props.associates}\n    />\n    <Newsletter\n      variant={NewsletterVariant.black}\n      newsletterTitle={props.newsletterTitle}\n      newsletterMessage1={props.newsletterMessage1}\n      newsletterMessage2={props.newsletterMessage2}\n      newsletterBackgroundImage={props.newsletterBackgroundImage}\n      newsletterBackgroundImageDesktop={props.newsletterBackgroundImageDesktop}\n    />\n  </Page>\n);\n\nconst AboutPage = ({ pageContext }) => {\n  return <AboutPageTemplate {...pageContext.props} />;\n};\n\nexport default AboutPage;\n","import React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport { Lines } from \"../../Lines/Lines\";\n\ninterface ContentPanel {\n  title: string;\n  content: string;\n}\n\nexport const ContentPanel = ({ title, content }: ContentPanel) => (\n  <div className=\"main-grid-full-span relative\">\n    <Lines wider={true} />\n    <div className=\"seamless-grid pt-20 pb-20 relative wider\">\n      <div className=\"flex items-top col-start-2 col-end-3 text-2xl md:text-3xl z-10\">\n        <ReactMarkdown rehypePlugins={[rehypeRaw]}>{title}</ReactMarkdown>\n      </div>\n      <div className=\"col-start-2 col-end-3 mt-8 md:col-start-2 md:col-end-5 md:mt-8 xl:col-start-4 xl:col-end-7 xl:mt-0 font-normal about-tedx-warsaw-content z-10\">\n        {<ReactMarkdown rehypePlugins={[rehypeRaw]}>{content}</ReactMarkdown>}\n      </div>\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { HeroSectionProps } from \"./HeroSection.types\";\nimport { BackgroundImage } from \"@/components/shared/BackgroundImage\";\nimport { Button } from \"@/components/shared/Button\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\nimport { Link } from \"gatsby\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\n\nexport const HeroSection = ({\n  heroTitle,\n  heroSubtitle,\n  heroBackgroundImage,\n  heroBackgroundImageDesktop,\n  heroBackgroundImageAlt,\n  heroButtonText,\n  heroButtonLink,\n  heroButtonShow,\n  heroLinks,\n  featuredButtonLink,\n  fontMedium,\n  centerContentVertically,\n}: HeroSectionProps) => {\n  return (\n    <div className=\"main-grid-full-span\">\n      <BackgroundImage\n        image={heroBackgroundImage}\n        imageDesktop={heroBackgroundImageDesktop}\n        alt={heroBackgroundImageAlt}\n        style={{ height: \"40rem\" }}\n        classNameChild={`left-gradient flex flex-col ${\n          centerContentVertically ? \"justify-center\" : \"justify-end\"\n        } justify-end md:justify-center`}\n      >\n        <div className=\"main-grid\">\n          <div className=\"flex flex-col\">\n            <div\n              className={`text-white  text-3xl  mb-7 w-4/5 md:w-1/2 ${\n                fontMedium ? \"\" : \"md:text-5xl font-bold\"\n              }`}\n            >\n              <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                {heroTitle}\n              </ReactMarkdown>\n            </div>\n            {heroSubtitle && (\n              <p\n                className=\"text-white text-sm md:text-lg md:font-light mb-10 md:mb-7 w-4/5 md:w-1/2\"\n                style={{ lineHeight: \"30px\" }}\n              >\n                {heroSubtitle}\n              </p>\n            )}\n\n            <div className=\"flex flex-col md:flex-row md:align-center md:space-x-5\">\n              {heroButtonText && (heroButtonShow ?? true) && (\n                <Link to={heroButtonLink} className=\"mb-5 md:mb-0\">\n                  <Button className={\"hover:bg-white hover:text-customRed\"}>\n                    {heroButtonText}\n                  </Button>\n                </Link>\n              )}\n              {heroLinks?.map((heroLink) => (\n                <a\n                  href={heroLink.path}\n                  className=\"text-white flex hover:opacity-50 mb-10 md:mb-0 items-center\"\n                  key={heroLink.displayName}\n                >\n                  <span className=\"my-auto flex items-center\">\n                    {heroLink.displayName + \" ->\"}\n                  </span>\n                </a>\n              ))}\n              {featuredButtonLink && (\n                <div className=\"text-customRed font-medium flex flex-row items-center hover:text-white mb-10 md:mb-0\">\n                  <Link to={featuredButtonLink}>\n                    <span>\n                      Read more <HiMenuAlt2 className=\"inline w-6 h-6\" />\n                    </span>\n                  </Link>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </BackgroundImage>\n    </div>\n  );\n};\n"],"sourceRoot":""}