{"version":3,"sources":["webpack://portfolio/./src/context/ProjectContext.tsx","webpack://portfolio/./src/components/CaptionHeading.tsx","webpack://portfolio/./src/components/Project/ProjectAbout.tsx","webpack://portfolio/./src/components/Project/ProjectHeader.tsx","webpack://portfolio/./src/components/Project/ProjectMediaItem.tsx","webpack://portfolio/./src/components/Project/ProjectSectionItem.tsx","webpack://portfolio/./src/components/Project/ProjectLayout.tsx","webpack://portfolio/./src/templates/projects.tsx"],"names":["ProjectContext","createContext","ProjectProviderComponent","project","children","Provider","value","useProjectContext","useContext","className","ProjectAboutCol","ProjectAboutItem","title","text","iconsByType","web","faGlobe","youtube","faYoutube","ProjectLinkItem","link","url","type","ExternalLink","href","color","icon","about","aboutNode","goal","technologies","links","Container","map","tech","key","backgroundSrc","headerSrc","titleNode","description","style","backgroundImage","src","alt","media","frameBorder","allow","allowFullScreen","section","light","image","reversed","classNames","m","i","sections","metadata","Layout","headerAbsolute","Metadata","slug","pageContext","projects","p"],"mappings":"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","file":"component---src-templates-projects-tsx-5600dfd0e620acb7dd07.js","sourcesContent":["import React, { createContext, FC, useContext } from \"react\";\nimport { Project } from \"../data/projects\";\n\ntype Context = {\n  project: Project;\n};\n\nexport const ProjectContext = createContext({} as Context);\n\nexport interface ProjectProviderComponentProps {\n  project: Project;\n}\n\nexport const ProjectProviderComponent: FC<ProjectProviderComponentProps> = ({\n  project,\n  children,\n}) => {\n  return (\n    <ProjectContext.Provider value={{ project }}>\n      {children}\n    </ProjectContext.Provider>\n  );\n};\n\nexport const useProjectContext = () => useContext(ProjectContext).project;\n","import React, { FC } from \"react\";\n\nexport interface CaptionHeadingProps {}\n\nconst CaptionHeading: FC<CaptionHeadingProps> = ({ children }) => {\n  return (\n    <div className=\"text-gray-400 uppercase font-bold mb-1\">{children}</div>\n  );\n};\n\nexport default CaptionHeading;\n","import { faYoutube } from \"@fortawesome/free-brands-svg-icons\";\nimport { faGlobe } from \"@fortawesome/pro-regular-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { FC } from \"react\";\nimport { useProjectContext } from \"../../context/ProjectContext\";\nimport { ProjectLink } from \"../../data/projects\";\nimport CaptionHeading from \"../CaptionHeading\";\nimport Container from \"../Container\";\nimport ExternalLink from \"../ExternalLink\";\n\nconst ProjectAboutCol: FC = ({ children }) => (\n  <div className=\"flex-1 text-base space-y-4\">{children}</div>\n);\n\nconst ProjectAboutItem: FC<{ title: string; text: React.ReactNode }> = ({\n  title,\n  text,\n}) => {\n  return (\n    <div>\n      <CaptionHeading>{title}</CaptionHeading>\n      <div className=\"text-gray-300\">{text}</div>\n    </div>\n  );\n};\n\nconst iconsByType = {\n  web: faGlobe,\n  youtube: faYoutube,\n};\n\nconst ProjectLinkItem: FC<{ link: ProjectLink }> = ({ link }) => {\n  const { url, title, type = \"web\" } = link;\n\n  return (\n    <div>\n      <ExternalLink href={url} color=\"primary\">\n        <FontAwesomeIcon icon={iconsByType[type]} className=\"mr-2\" />\n        {title}\n      </ExternalLink>\n    </div>\n  );\n};\n\nconst ProjectAbout: FC = () => {\n  const { about, aboutNode, goal, technologies, links } = useProjectContext();\n\n  return (\n    <Container className=\"flex flex-col sm:flex-row py-8 space-y-4 sm:space-y-0 sm:space-x-4\">\n      {about && (\n        <ProjectAboutCol>\n          <ProjectAboutItem title=\"À propos\" text={aboutNode ?? about} />\n        </ProjectAboutCol>\n      )}\n      {goal && (\n        <ProjectAboutCol>\n          <ProjectAboutItem title=\"Objectif\" text={goal} />\n        </ProjectAboutCol>\n      )}\n      {(technologies || links) && (\n        <ProjectAboutCol>\n          {technologies && (\n            <ProjectAboutItem\n              title=\"Technologies\"\n              text={\n                <>\n                  <ul className=\"list-disc ml-6\">\n                    {technologies.map((tech) => (\n                      <li key={tech}>{tech}</li>\n                    ))}\n                  </ul>\n                </>\n              }\n            />\n          )}\n          {links && (\n            <ProjectAboutItem\n              title=\"Liens\"\n              text={\n                <div className=\"space-y-1\">\n                  {links.map((link) => (\n                    <ProjectLinkItem key={link.url} link={link} />\n                  ))}\n                </div>\n              }\n            />\n          )}\n        </ProjectAboutCol>\n      )}\n    </Container>\n  );\n};\n\nexport default ProjectAbout;\n","import React, { FC } from \"react\";\nimport { useProjectContext } from \"../../context/ProjectContext\";\nimport Container from \"../Container\";\n\nconst ProjectHeader: FC = () => {\n  const { backgroundSrc, headerSrc, title, titleNode, description } =\n    useProjectContext();\n\n  return (\n    <div\n      style={{\n        backgroundImage: `linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(23, 23, 23, 0.81) 100%), url(${backgroundSrc})`,\n      }}\n      className=\"bg-cover bg-center pt-20\"\n    >\n      <Container className=\"pt-12 flex flex-col justify-between h-full space-y-12\">\n        <div className=\"space-y-4\">\n          <h2 className=\"font-teko text-5xl uppercase text-shadow-hard\">\n            {titleNode ?? title}\n          </h2>\n          <div className=\"font-semibold text-xl text-shadow-hard\">\n            {description}\n          </div>\n        </div>\n        <div className=\"self-center\">\n          {headerSrc && <img src={headerSrc} alt={title} />}\n        </div>\n      </Container>\n    </div>\n  );\n};\n\nexport default ProjectHeader;\n","import React, { FC } from \"react\";\nimport { ProjectMedia } from \"../../data/projects\";\n\nexport interface ProjectMediaItemProps {\n  media: ProjectMedia;\n}\n\nconst ProjectMediaItem: FC<ProjectMediaItemProps> = ({\n  media: { type, url },\n}) => {\n  if (type === \"image\") {\n    return (\n      <div className=\"p-4\">\n        <img src={url} alt=\"\" className=\"max-h-80\" />\n      </div>\n    );\n  }\n  if (type === \"youtube\") {\n    return (\n      <div className=\"w-full\">\n        <div className=\"aspect-w-16 aspect-h-9\">\n          <iframe\n            src={url}\n            frameBorder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n          ></iframe>\n        </div>\n      </div>\n    );\n  }\n  return <div></div>;\n};\n\nexport default ProjectMediaItem;\n","import classNames from \"classnames\";\nimport React, { FC } from \"react\";\nimport { ProjectSection } from \"../../data/projects\";\nimport Container from \"../Container\";\nimport ProjectMediaItem from \"./ProjectMediaItem\";\n\nexport interface ProjectSectionItemProps {\n  section: ProjectSection;\n}\n\nconst ProjectSectionItem: FC<ProjectSectionItemProps> = ({\n  section: { title, text, light, image, reversed, type = \"text\", media },\n}) => {\n  return (\n    <div className={classNames(\"py-16\", light && \"bg-section-light\")}>\n      <Container>\n        {title && (\n          <h3 className=\"font-teko uppercase text-4xl mb-4\">{title}</h3>\n        )}\n        {type === \"text\" && (\n          <div\n            className={classNames(\n              \"flex items-center flex-col space-y-8 md:space-y-0 md:flex-row md:space-x-12\",\n              reversed && \"md:flex-row-reverse md:space-x-reverse\"\n            )}\n          >\n            <div className=\"space-y-4 flex-grow\">\n              <div className=\"space-y-4 text-base\">{text}</div>\n            </div>\n            {image && (\n              <div className=\"w-full max-w-xs\">\n                <img src={image} alt=\"\" />\n              </div>\n            )}\n          </div>\n        )}\n        {type === \"media\" && (\n          <div className=\"flex flex-wrap justify-center\">\n            {media?.map((m, i) => (\n              <ProjectMediaItem key={i} media={m} />\n            ))}\n          </div>\n        )}\n      </Container>\n    </div>\n  );\n};\n\nexport default ProjectSectionItem;\n","import React, { FC } from \"react\";\nimport { ProjectProviderComponent } from \"../../context/ProjectContext\";\nimport { Project } from \"../../data/projects\";\nimport Layout from \"../Layout\";\nimport Metadata, { AppMetadata } from \"../Metadata\";\nimport ProjectAbout from \"./ProjectAbout\";\nimport ProjectHeader from \"./ProjectHeader\";\nimport ProjectSection from \"./ProjectSectionItem\";\n\nexport interface ProjectLayoutProps {\n  project: Project;\n}\n\nconst ProjectLayout: FC<ProjectLayoutProps> = ({ project }) => {\n  const { title, about, sections } = project;\n\n  const metadata: Partial<AppMetadata> = {\n    title,\n  };\n  if (about) {\n    metadata.description = about;\n  }\n\n  return (\n    <Layout headerAbsolute>\n      <Metadata metadata={metadata} />\n      <ProjectProviderComponent project={project}>\n        <ProjectHeader />\n        <ProjectAbout />\n        {sections?.map((section, i) => (\n          <ProjectSection key={i} section={section} />\n        ))}\n      </ProjectProviderComponent>\n    </Layout>\n  );\n};\n\nexport default ProjectLayout;\n","import { PageProps } from \"gatsby\";\nimport React, { FC } from \"react\";\nimport ProjectLayout from \"../components/Project/ProjectLayout\";\nimport { projects } from \"../data/projects\";\n\nexport interface ProjectsProps extends PageProps {\n  pageContext: {\n    slug: string;\n  };\n}\n\nconst Projects: FC<ProjectsProps> = ({ pageContext: { slug } }) => {\n  const project = projects.find((p) => p.slug === slug);\n\n  if (!project) return null;\n\n  return <ProjectLayout project={project} />;\n};\n\nexport default Projects;\n"],"sourceRoot":""}