{"version":3,"sources":["webpack:///./src/templates/catTemplate.js"],"names":["data","post","markdownRemark","posts","allMarkdownRemark","pathEn","frontmatter","type","title","fields","slug","property","content","image","childImageSharp","fluid","src","metaTitle","metaDescription","rel","hreflang","href","styles","description","WrapperTitle","WrapperTitleText","Breadcrumb","to","H1","dangerouslySetInnerHTML","__html","Intro","intro","WrapperTitleImage","css","alt","imageAlt","WrapperText","html","queryTag","GridWrapper","edges","map","node","excerpt","GridItem","key","H3","Description","Suite"],"mappings":"2pCAUe,sBAAe,IAAZA,EAAW,EAAXA,KACVC,EAAOD,EAAKE,eACZC,EAAQH,EAAKI,kBAEnB,OACE,YAAC,IAAD,CAAQC,OAAQJ,EAAKK,YAAYD,QAC/B,YAAC,IAAD,KACE,sBAAQE,KAAK,uBAAb,kMAQWN,EAAKK,YAAYE,MAR5B,4DAS+CP,EAAKQ,OAAOC,KAT3D,gCAcA,oBACEC,SAAS,WACTC,QAAO,uCAAyCX,EAAKK,YAAYO,MAAMC,gBAAgBC,MAAMC,MAE/F,oBAAML,SAAS,gBAAgBC,QAAQ,eACvC,oBAAMD,SAAS,iBAAiBC,QAAQ,QACxC,oBAAMD,SAAS,kBAAkBC,QAAQ,QACzC,oBACED,SAAS,SACTC,QAAO,uCAAyCX,EAAKQ,OAAOC,OAE9D,oBAAMC,SAAS,WAAWC,QAASX,EAAKK,YAAYW,YACpD,oBACEN,SAAS,iBACTC,QAASX,EAAKK,YAAYY,kBAE5B,oBAAMP,SAAS,YAAYC,QAAQ,UACnC,oBAAMD,SAAS,YAAYC,QAAQ,qBACN,OAA5BX,EAAKK,YAAYD,QAChB,oBACEc,IAAI,YACJC,SAAS,KACTC,KAAI,uCAAyCpB,EAAKK,YAAYD,UAIpE,YAAC,IAAD,CACEiB,OAAM,IAoDR,YAAC,IAAD,CACEd,MAAOP,EAAKK,YAAYW,UACxBM,YAAatB,EAAKK,YAAYY,kBAEhC,YAACM,EAAD,KACE,YAACC,EAAD,KACE,YAACC,EAAD,KACE,YAAC,OAAD,CAAMC,GAAG,KAAT,aAEF,YAACC,EAAD,CAAIC,wBAAyB,CAAEC,OAAQ7B,EAAKK,YAAYE,SACxD,YAACuB,EAAD,CAAOF,wBAAyB,CAAEC,OAAQ7B,EAAKK,YAAY0B,UAG7D,YAACC,EAAD,KACE,YAAC,IAAD,CACElB,MAAOd,EAAKK,YAAYO,MAAMC,gBAAgBC,MAC9CmB,IAAG,EAMHC,IAAKlC,EAAKK,YAAY8B,aAK5B,YAAC,IAAD,CAAO1B,KAAMT,EAAKQ,OAAOC,KAAMF,MAAOP,EAAKK,YAAYE,QAEvD,YAAC6B,EAAD,KACE,mBAAKR,wBAAyB,CAAEC,OAAQ7B,EAAKqC,QAEd,UAA9BrC,EAAKK,YAAYiC,UAChB,YAACC,EAAD,KACGrC,EAAMsC,MAAMC,KAAI,YAAe,IAAZC,EAAW,EAAXA,KAAW,EACKA,EAAKrC,YAA/BE,EADqB,EACrBA,MAAOoC,EADc,EACdA,QAAS/B,EADK,EACLA,MAChBH,EAASiC,EAAKlC,OAAdC,KACR,OACE,YAACmC,EAAD,CAAUC,IAAKH,EAAKlC,OAAOC,MACzB,YAAC,OAAD,CACEiB,GAAIjB,EACJwB,IAAG,GAIH,YAAC,IAAD,CAAKnB,MAAOF,EAAMC,gBAAgBC,QAClC,YAACgC,EAAD,CAAIlB,wBAAyB,CAAEC,OAAQtB,KACvC,YAACwC,EAAD,KAAcJ,GACd,YAACK,EAAD,iCAYb,IAmDDzB,EAAY,qJAOZC,EAAgB,ydAuBhBQ,EAAiB,8OAajBP,EAAU,2QAgBVE,EAAE,uKAQFG,EAAK,8KASLS,EAAW,mTAeXK,EAAQ,ofA0BRE,EAAE,mRAcFC,EAAW,gMASXX,EAAW,+QAWXY,EAAK","file":"c7f52c72-21a693b9880b209cfd9b.js","sourcesContent":["import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { Helmet } from \"react-helmet\"\nimport Share from \"../components/share\"\nimport styled from \"@emotion/styled\"\nimport { css, Global } from \"@emotion/react\"\n\nexport default ({ data }) => {\n  const post = data.markdownRemark\n  const posts = data.allMarkdownRemark\n\n  return (\n    <Layout pathEn={post.frontmatter.pathEn}>\n      <Helmet>\n        <script type=\"application/ld+json\">\n          {`\n      {\n        \"@context\": \"http://schema.org\",\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [{\n        \"@type\": \"ListItem\",\n        \"position\": 1,\n        \"name\": \"${post.frontmatter.title}\",\n        \"item\": \"https://www.docteurphilipperoure.com${post.fields.slug}\"\n      }]\n        }\n    `}\n        </script>\n        <meta\n          property=\"og:image\"\n          content={`https://www.docteurphilipperoure.com${post.frontmatter.image.childImageSharp.fluid.src}`}\n        />\n        <meta property=\"og:image:type\" content=\"image/jpeg\" />\n        <meta property=\"og:image:width\" content=\"813\" />\n        <meta property=\"og:image:height\" content=\"464\" />\n        <meta\n          property=\"og:url\"\n          content={`https://www.docteurphilipperoure.com${post.fields.slug}`}\n        />\n        <meta property=\"og:title\" content={post.frontmatter.metaTitle} />\n        <meta\n          property=\"og:description\"\n          content={post.frontmatter.metaDescription}\n        />\n        <meta property=\"og:locale\" content=\"fr_FR\" />\n        <meta property=\"fb:app_id\" content=\"1086796511711258\" />\n        {post.frontmatter.pathEn !== null && (\n          <link\n            rel=\"alternate\"\n            hreflang=\"en\"\n            href={`https://www.docteurphilipperoure.com${post.frontmatter.pathEn}`}\n          />\n        )}\n      </Helmet>\n      <Global\n        styles={css`\n          .summary {\n            background-color: rgba(44, 44, 44, 0.97);\n            color: white;\n            width: 300px;\n            font-size: 0.95em;\n            padding: 1.1em 1.1em 0.8em;\n            font-weight: 300;\n            border-radius: 7px;\n            float: right;\n            margin: 0 0 1em 1em;\n            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);\n            border-bottom: 1px solid white;\n          }\n          .summary p {\n            margin: 0 0 0.5em;\n            font-weight: 600;\n            font-size: 1.15em;\n            margin: 0 0.2em 0.5em;\n            letter-spacing: 0.04em;\n            text-transform: uppercase;\n            text-align: center;\n            font-family: Raleway, \"Times new roman\", serif;\n          }\n          .summary ol {\n            padding: 0;\n            margin: 0 0 0 1.3em;\n            list-style-type: decimal;\n          }\n          .summary li {\n            line-height: 1.4em;\n            margin-bottom: 0.6em;\n          }\n          .summary a {\n            color: white;\n            text-decoration: none;\n          }\n          .summary li:hover,\n          .summary li:hover a {\n            color: #d6af68;\n          }\n          @media (max-width: 678px) {\n            .summary {\n              width: 100%;\n              float: none;\n              margin: 0 0 1em;\n              box-sizing: border-box;\n              padding: 1em 1.25em 0.75em;\n            }\n          }\n        `}\n      />\n      <SEO\n        title={post.frontmatter.metaTitle}\n        description={post.frontmatter.metaDescription}\n      />\n      <WrapperTitle>\n        <WrapperTitleText>\n          <Breadcrumb>\n            <Link to=\"/\">Accueil </Link>\n          </Breadcrumb>\n          <H1 dangerouslySetInnerHTML={{ __html: post.frontmatter.title }} />\n          <Intro dangerouslySetInnerHTML={{ __html: post.frontmatter.intro }} />\n        </WrapperTitleText>\n\n        <WrapperTitleImage>\n          <Img\n            fluid={post.frontmatter.image.childImageSharp.fluid}\n            css={css`\n              margin: 0 auto;\n              @media (max-width: 678px) {\n                border-radius: 0 0 7px 7px;\n              }\n            `}\n            alt={post.frontmatter.imageAlt}\n          />\n        </WrapperTitleImage>\n      </WrapperTitle>\n\n      <Share slug={post.fields.slug} title={post.frontmatter.title} />\n\n      <WrapperText>\n        <div dangerouslySetInnerHTML={{ __html: post.html }} />\n\n        {post.frontmatter.queryTag !== \"sport\" && (\n          <GridWrapper>\n            {posts.edges.map(({ node }) => {\n              const { title, excerpt, image } = node.frontmatter\n              const { slug } = node.fields\n              return (\n                <GridItem key={node.fields.slug}>\n                  <Link\n                    to={slug}\n                    css={css`\n                      text-decoration: none;\n                    `}\n                  >\n                    <Img fluid={image.childImageSharp.fluid} />\n                    <H3 dangerouslySetInnerHTML={{ __html: title }} />\n                    <Description>{excerpt}</Description>\n                    <Suite>> Lire la suite</Suite>\n                  </Link>\n                </GridItem>\n              )\n            })}\n          </GridWrapper>\n        )}\n      </WrapperText>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($slug: String!, $queryTag: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n        metaTitle\n        metaDescription\n        queryTag\n        intro\n        pathEn\n        image {\n          childImageSharp {\n            fluid(maxWidth: 813) {\n              ...GatsbyImageSharpFluid_tracedSVG\n            }\n          }\n        }\n      }\n      html\n    }\n    allMarkdownRemark(\n      limit: 500\n      sort: { fields: [frontmatter___title], order: ASC }\n      filter: { frontmatter: { tags: { eq: $queryTag } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            excerpt\n            image {\n              childImageSharp {\n                fluid(maxWidth: 400) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nconst WrapperTitle = styled.div`\n  position: relative;\n  @media (max-width: 1000px) {\n    display: block;\n  }\n`\n\nconst WrapperTitleText = styled.div`\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  max-width: 50%;\n  background-color: white;\n  transform: translateY(-50%);\n  padding: 1.5em 1em 1em 1.2em;\n  border-radius: 2px;\n  flex: 0 0 40%;\n  border-radius: 5px;\n  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 7px;\n  @media (max-width: 1000px) {\n    box-sizing: border-box;\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    transform: translateY(0%);\n    top: 0;\n    padding: 1.15em 0.75em 0.75em 0.9em;\n  }\n`\n\nconst WrapperTitleImage = styled.div`\n  margin-left: 40%;\n  max-width: 60%;\n  flex: 0 0 60%;\n  z-index: 0;\n  @media (max-width: 1000px) {\n    margin-left: 0;\n    width: 100%;\n    max-width: 100%;\n    transform: translateY(0%);\n  }\n`\n\nconst Breadcrumb = styled.div`\n  color: #e6ae48;\n  text-align: center;\n  font-size: 0.9em;\n  line-height: 1em;\n  font-weight: 400;\n  a {\n    color: #919090;\n    text-decoration: none;\n  }\n  @media (max-width: 678px) {\n    font-size: 0.87em;\n    margin-bottom: 10px;\n  }\n`\n\nconst H1 = styled.h1`\n  color: rgba(44, 44, 44, 0.96);\n  @media (max-width: 678px) {\n    font-size: 2.1em;\n    line-height: 1.1em;\n  }\n`\n\nconst Intro = styled.p`\n  font-size: 1.15em;\n  line-height: 158%;\n  @media (max-width: 678px) {\n    font-size: 1.15em;\n    line-height: 155%;\n  }\n`\n\nconst GridWrapper = styled.div`\n  display: grid;\n  grid-template-columns: 32% 32% 32%;\n  grid-template-row: 1fr 1fr 1fr;\n  grid-gap: 2%;\n  margin-bottom: 60px;\n  @media (max-width: 1024px) {\n    display: grid;\n    grid-template-columns: 48% 48%;\n  }\n  @media (max-width: 678px) {\n    display: block;\n  }\n`\n\nconst GridItem = styled.div`\n  margin: 0.5em 0 0.5em;\n  padding-bottom: 0.3em;\n  transition: all 0.2s;\n  .gatsby-image-wrapper img {\n    transition: all 0.7s !important;\n    transform: scale(1) !important;\n  }\n  &:hover {\n    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.18);\n    transition: all 0.2s;\n    .gatsby-image-wrapper img {\n      transition: all 0.7s !important;\n      transform: scale(1.05) !important;\n    }\n  }\n  @media (max-width: 678px) {\n    &:hover {\n      box-shadow: none;\n      .gatsby-image-wrapper img {\n        transform: scale(1) !important;\n      }\n    }\n  }\n`\n\nconst H3 = styled.h3`\n  font-size: 1.35em;\n  line-height: 1.25em;\n  letter-spacing: 0.03em;\n  font-weight: 600;\n  margin: 0;\n  padding: 10px 14px 0;\n  min-height: 2.81em;\n  @media (max-width: 678px) {\n    font-size: 1.4em;\n    min-height: auto;\n    padding: 10px 3px 0;\n  }\n`\nconst Description = styled.div`\n  padding: 0px 14px 8px;\n  font-size: 0.93em;\n  line-height: 1.55em;\n  @media (max-width: 678px) {\n    padding: 5px 3px 15px;\n  }\n`\n\nconst WrapperText = styled.div`\n  background-color: white;\n  border-radius: 5px;\n  margin: 0.5em auto 1em;\n  padding: 0.5em 1em 100px 1.2em;\n  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 7px;\n  @media (max-width: 678px) {\n    padding: 1em 0.7em 1em;\n  }\n`\n\nconst Suite = styled.p`\n  display: none;\n  font-size: 13px;\n  opacity: 0.82;\n  text-align: right;\n  margin-right: 20px;\n  font-weight: 400;\n  margin-top: -8px;\n\n  :hover {\n    color: #d69c31;\n  }\n  @media (max-width: 1000px) {\n    display: block;\n  }\n`\n"],"sourceRoot":""}