{"version":3,"file":"component---src-pages-madcap-js-578026d4b60d4e2ca74b.js","mappings":"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","sources":["webpack://overquality/./src/components/projects/CurrentProjectDescription.jsx","webpack://overquality/./src/components/projects/CurrentProject.jsx","webpack://overquality/./src/components/projects/NextProject.jsx","webpack://overquality/./src/components/projects/ProjectsBackButton.jsx","webpack://overquality/./src/layouts/ProjectLayout.jsx","webpack://overquality/./src/pages/madcap.js"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport default function ProjectDescription(props) {\n  return (\n    <ProjectDescriptionWrap>\n      {props.website ? (\n        <a href={props.website} target='_blank' rel='noreferrer'>\n          VISIT WEBSITE\n        </a>\n      ) : (\n        ''\n      )}\n\n      <p>{props.description}</p>\n    </ProjectDescriptionWrap>\n  );\n}\n\nconst ProjectDescriptionWrap = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 50%;\n  align-self: center;\n  gap: 1.875rem;\n  margin: 1.688rem 0 5rem 0;\n  @media screen and (max-width: 960px) {\n    width: 70%;\n  }\n  @media screen and (max-width: 640px) {\n    width: 100%;\n  }\n  a {\n    text-decoration: none;\n    color: #000;\n    font-weight: 600;\n    &::after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 1px;\n      background: #000;\n      transition: width 0.3s;\n    }\n    &:hover {\n      &::after {\n        width: 100%;\n        transform: width 0.3s;\n      }\n    }\n  }\n  p {\n    font-weight: 700;\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport CurrentProjectDescription from './CurrentProjectDescription';\nimport { GatsbyImage } from 'gatsby-plugin-image';\n\nexport default function CurrentProject(props) {\n  return (\n    <CurrentProjectSection>\n      <div className='section-inner'>\n        <CurrentProjectHeadings>\n          <CurrentProjectHeadingsCat>\n            <h1>{props.title}</h1>\n            <p>{props.category}</p>\n          </CurrentProjectHeadingsCat>\n          <p>{props.subtitle}</p>\n        </CurrentProjectHeadings>\n        <GatsbyImage\n          image={props.featuredImage}\n          alt={props.featuredAlt}\n        ></GatsbyImage>\n        <CurrentProjectDescription\n          website={props.website}\n          description={props.description}\n        />\n      </div>\n    </CurrentProjectSection>\n  );\n}\n\nconst CurrentProjectSection = styled.section`\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  .gatsby-image-wrapper {\n    margin: 0 -5.313rem;\n  }\n`;\n\nconst CurrentProjectHeadings = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin: 5.5rem 0 3rem 0;\n  @media screen and (max-width: 960px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  p {\n    font-weight: 700;\n  }\n`;\n\nconst CurrentProjectHeadingsCat = styled.div`\n  p {\n    color: #46da92;\n    font-weight: 600;\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { Link } from 'gatsby';\n\nexport default function NextProject(props) {\n  return (\n    <NextProjectSection>\n      <div className='section-inner'>\n        <Link to={props.nextLink}>\n          <p>Επόμενο Project</p>\n          <NextProjectHeadings>\n            <NextProjectHeadingsCat>\n              <h3>{props.nextTitle}</h3>\n              <p>{props.nextCategory}</p>\n            </NextProjectHeadingsCat>\n            <p>{props.nextSubtitle}</p>\n          </NextProjectHeadings>\n          <GatsbyImage image={props.nextImage} alt={props.nextAlt} />\n        </Link>\n      </div>\n    </NextProjectSection>\n  );\n}\n\nconst NextProjectSection = styled.section`\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n\n  img {\n    margin-bottom: -0.25rem;\n  }\n  a {\n    text-decoration: none;\n    color: #000;\n  }\n`;\n\nconst NextProjectHeadings = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 3rem;\n  @media screen and (max-width: 960px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  p {\n    font-weight: 700;\n  }\n`;\n\nconst NextProjectHeadingsCat = styled.div`\n  p {\n    color: #46da92;\n    font-weight: 600;\n  }\n`;\n","import React from 'react';\nimport { FaChevronLeft } from 'react-icons/fa';\nimport { Link as LinkG } from 'gatsby';\nimport styled from 'styled-components';\n\nexport default function ProjectsBackButton() {\n  return (\n    <BackButton to='/#projects'>\n      <FaChevronLeft />\n      <p>Πισω</p>\n    </BackButton>\n  );\n}\n\nconst BackButton = styled(LinkG)`\n  margin-top: 2rem;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: black;\n  font-size: 1.5rem;\n  gap: 1rem;\n  position: sticky;\n  top: 2rem;\n  width: 9rem;\n  padding: 1rem;\n  z-index: 5;\n  &:hover > svg {\n    transform: translateX(-0.625rem);\n  }\n  svg {\n    transition-duration: 0.2s;\n  }\n\n  p {\n    text-transform: uppercase;\n    font-weight: 700;\n  }\n`;\n","import React from 'react';\nimport '../App.css';\nimport Footer from '../components/global/Footer';\nimport ProjectsBackButton from '../components/projects/ProjectsBackButton';\nimport CookieBanner from '../components/global/CookieBanner';\nimport { MessengerChat } from 'react-messenger-chat-plugin';\n\nexport default function ProjectLayout({ children }) {\n  return (\n    <div className='layout'>\n      <ProjectsBackButton />\n      {children}\n      <CookieBanner />\n      <MessengerChat\n        pageId='112481810411385'\n        language='el_GR'\n        themeColor={'#000'}\n        height={24}\n        loggedInGreeting='Hello logged in user!'\n        loggedOutGreeting='Hello stranger!'\n        autoExpand={true}\n        debugMode={true}\n        onMessengerShow={() => {\n          console.log('onMessengerShow');\n        }}\n        onMessengerHide={() => {\n          console.log('onMessengerHide');\n        }}\n        onMessengerDialogShow={() => {\n          console.log('onMessengerDialogShow');\n        }}\n        onMessengerDialogHide={() => {\n          console.log('onMessengerDialogHide');\n        }}\n      />\n      <Footer />\n    </div>\n  );\n}\n","import React from 'react';\nimport CurrentProject from '../components/projects/CurrentProject';\nimport NextProject from '../components/projects/NextProject';\nimport CallToAction from '../components/global/CallToAction';\nimport ContactForm from '../components/global/ContactForm';\nimport ProjectLayout from '../layouts/ProjectLayout';\nimport { graphql } from 'gatsby';\nimport { StaticImage, getImage } from 'gatsby-plugin-image';\nimport Seo from '../components/global/Seo';\n\nexport default function MadCap({ data }) {\n  const {\n    title,\n    category,\n    subtitle,\n    description,\n    website,\n    nextTitle,\n    nextCategory,\n    nextSubtitle,\n    nextLink,\n    featuredAlt,\n    nextAlt,\n  } = data.markdownRemark.frontmatter;\n  const featuredImage = getImage(data.markdownRemark.frontmatter.featured);\n  const nextImage = getImage(data.markdownRemark.frontmatter.next);\n  return (\n    <ProjectLayout>\n      <Seo title={title} image={featuredImage} />\n      <CurrentProject\n        title={title}\n        category={category}\n        subtitle={subtitle}\n        description={description}\n        website={website}\n        featuredImage={featuredImage}\n        featuredAlt={featuredAlt}\n      />\n      <main className='project__images-wrap'>\n        <StaticImage\n          src='../images/projects/madcap/madcap-page-1.png'\n          placeholder='blurred'\n          alt='Επίδειξη branding MadCap 1'\n        />\n        <StaticImage\n          src='../images/projects/madcap/madcap-page-2.png'\n          placeholder='blurred'\n          alt='Επίδειξη branding MadCap 2'\n        />\n        <StaticImage\n          src='../images/projects/madcap/madcap-page-3.png'\n          placeholder='blurred'\n          alt='Επίδειξη branding MadCap 3'\n        />\n        <StaticImage\n          src='../images/projects/madcap/madcap-page-4.png'\n          placeholder='blurred'\n          alt='Επίδειξη branding MadCap 4'\n        />\n        <StaticImage\n          src='../images/projects/madcap/madcap-page-5.png'\n          placeholder='blurred'\n          alt='Επίδειξη branding MadCap 5'\n        />\n      </main>\n      <CallToAction />\n      <ContactForm />\n      <NextProject\n        nextTitle={nextTitle}\n        nextCategory={nextCategory}\n        nextSubtitle={nextSubtitle}\n        nextImage={nextImage}\n        nextLink={nextLink}\n        nextAlt={nextAlt}\n      />\n    </ProjectLayout>\n  );\n}\n\nexport const query = graphql`\n  query MadCapData {\n    markdownRemark(frontmatter: { title: { eq: \"MadCap\" } }) {\n      frontmatter {\n        title\n        category\n        website\n        subtitle\n        description\n        link\n        featuredAlt\n        nextTitle\n        nextCategory\n        nextSubtitle\n        nextLink\n        nextAlt\n        featured {\n          childImageSharp {\n            gatsbyImageData(\n              placeholder: BLURRED\n              layout: FULL_WIDTH\n              quality: 80\n            )\n          }\n        }\n        next {\n          childImageSharp {\n            gatsbyImageData(\n              placeholder: BLURRED\n              layout: FULL_WIDTH\n              quality: 80\n            )\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["ProjectDescription","props","ProjectDescriptionWrap","website","href","target","rel","description","styled","CurrentProject","CurrentProjectSection","className","CurrentProjectHeadings","CurrentProjectHeadingsCat","title","category","subtitle","G","image","featuredImage","alt","featuredAlt","NextProject","NextProjectSection","Link","to","nextLink","NextProjectHeadings","NextProjectHeadingsCat","nextTitle","nextCategory","nextSubtitle","nextImage","nextAlt","ProjectsBackButton","BackButton","LinkG","ProjectLayout","children","CookieBanner","M","pageId","language","themeColor","height","loggedInGreeting","loggedOutGreeting","autoExpand","debugMode","onMessengerShow","console","log","onMessengerHide","onMessengerDialogShow","onMessengerDialogHide","Footer","MadCap","data","markdownRemark","frontmatter","getImage","featured","next","S","src","placeholder"],"sourceRoot":""}