{"version":3,"file":"component---src-pages-fr-js-13f423035a640115f817.js","mappings":"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","sources":["webpack://milieu-interieur/./src/components/consortiumLinks.js","webpack://milieu-interieur/./src/components/hero.js","webpack://milieu-interieur/./src/pages/fr.js"],"sourcesContent":["import * as React from \"react\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nconst ConsortiumLinks = ({ links }) => (\n  <ul className={`grid-logos ${links.length === 11 && `grid-logos-odd`}`}>\n    {links.map((link, index) => (\n      <li key={index}>\n        {link.url ? (\n          <a href={link.url}>\n            {link.image.gatsbyImageData && (\n              <GatsbyImage\n                alt={link.image.description}\n                image={link.image.gatsbyImageData}\n              />\n            )}\n          </a>\n        ) : (\n          link.image.gatsbyImageData && (\n            <GatsbyImage\n              alt={link.image.description}\n              image={link.image.gatsbyImageData}\n            />\n          )\n        )}\n      </li>\n    ))}\n  </ul>\n)\n\nexport default ConsortiumLinks\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport \"./hero.css\"\n\nconst Hero = ({ locale, text, video }) => {\n  const splitVideoUrl = video.split(/v=|https:\\/\\/youtu.be\\//)\n\n  return (\n    <div className=\"l-constrained-wide\" style={{ marginBottom: \"2rem\" }}>\n      <div className=\"grid-hero\">\n        <div>\n          <div className=\"video\">\n            <iframe\n              src={`https://www.youtube.com/embed/${\n                splitVideoUrl[1]\n              }?controls=0&modestbranding=1${locale === \"fr\" && `&hl=fr`}`}\n              title=\"Video, The Milieu Intérieur: understanding healthy human diversity\"\n              allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n              frameBorder=\"0\"\n              webkitallowfullscreen=\"true\"\n              mozallowfullscreen=\"true\"\n              allowFullScreen\n            />\n          </div>\n        </div>\n        <div className=\"flex-column\">\n          <div className={locale === \"fr\" ? `mission fr` : `mission`}>\n            <h1>{text}</h1>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nHero.propTypes = {\n  locale: PropTypes.string.isRequired,\n  text: PropTypes.string.isRequired,\n  video: PropTypes.string.isRequired,\n}\n\nexport default Hero\n","import * as React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport { renderRichText } from \"gatsby-source-contentful/rich-text\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Hero from \"../components/hero\"\nimport ConsortiumLinks from \"../components/consortiumLinks\"\nimport CollaborateBanner from \"../components/collaborateBanner\"\n\nconst FrIndexPage = ({ data }) => {\n  return (\n    <Layout\n      locale=\"fr\"\n      menuData={data.contentfulMenu}\n      menuSubPages={data.contentfulMenuSubPages}\n      socialLinks={data.allContentfulSocialLink}\n      type=\"home\"\n    >\n      <Seo\n        title=\"Milieu Intérieur\"\n        lang=\"fr\"\n        description={\n          data.contentfulHomepage.missionStatement &&\n          data.contentfulHomepage.missionStatement.missionStatement\n        }\n      />\n      <Hero\n        locale=\"fr\"\n        text={data.contentfulHomepage.missionStatement.missionStatement}\n        video={data.contentfulHomepage.videoUrl}\n      />\n\n      <div className=\"l-constrained\" style={{ marginBottom: \"2rem\" }}>\n        <h2>Membres du consortium</h2>\n        <ConsortiumLinks links={data.contentfulHomepage.consortiumLinks} />\n      </div>\n\n      <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n        <CollaborateBanner locale=\"fr\" />\n      </div>\n\n      {\n        // start homepage listings\n      }\n      <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n        <h2 className=\"h4\">Publications</h2>\n        <ul className=\"unformatted grid-publications\">\n          {data.allContentfulPublication.nodes.map((publication, index) =>\n            publication.link ? (\n              <li className=\"card\" key={index}>\n                <article>\n                  <h3 className=\"h2\">{publication.title}</h3>\n                  <hr />\n                  {publication.authors && renderRichText(publication.authors)}\n                  <p>\n                    <strong>{publication.journal}</strong>\n\n                    {publication.dateAndPage && (\n                      <>\n                        <br />\n                        {publication.dateAndPage.dateAndPage}\n                      </>\n                    )}\n                  </p>\n\n                  <a href={publication.link}>Lire la suite &gt;</a>\n                </article>\n              </li>\n            ) : (\n              <li className=\"card\" key={index}>\n                <article>\n                  <h3 className=\"h2\">{publication.title}</h3>\n                  <hr />\n                  {publication.authors && renderRichText(publication.authors)}\n                  <p>\n                    <strong>{publication.journal}</strong>\n\n                    {publication.dateAndPage && (\n                      <>\n                        <br />\n                        {publication.dateAndPage.dateAndPage}\n                      </>\n                    )}\n                  </p>\n\n                  <Link to={`/fr/research/publications/${publication.slug}/`}>\n                    Lire la suite &gt;\n                  </Link>\n                </article>\n              </li>\n            )\n          )}\n        </ul>\n        <div className=\"centered\">\n          <Link className=\"button\" to=\"/fr/research/publications/\">\n            Voir tous les publications\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n        <h2 className=\"h4\">Événements</h2>\n        <ul className=\"unformatted\">\n          {data.allContentfulEvent.nodes.map((event, index) => (\n            <li className=\"banner\" key={index}>\n              <span className=\"banner-date h2\">\n                {event.date}\n                {event.endDate && (\n                  <>\n                    {\" \"}\n                    - <br />\n                    {event.endDate}\n                  </>\n                )}\n              </span>\n              <span className=\"banner-main\">\n                <span className=\"banner-category\">{event.category}</span>\n                <a href={event.link}>{event.title}</a>\n                <span className=\"banner-location\">{event.location}</span>\n              </span>\n              <span className=\"banner-image\">\n                {event.image && event.image.gatsbyImageData && (\n                  <GatsbyImage\n                    alt={event.image.description}\n                    image={event.image.gatsbyImageData}\n                  />\n                )}\n              </span>\n            </li>\n          ))}\n        </ul>\n        <div className=\"centered\">\n          <Link className=\"button\" to=\"/fr/events/\">\n            Voir tous les événements\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n        <h2 className=\"h4\">Nouvelles</h2>\n        <ul className=\"unformatted\">\n          {data.allContentfulNews.nodes.map((news, index) => (\n            <li className=\"postcard\">\n              <article>\n                <div className=\"postcard-grid\">\n                  <div>\n                    {news.image && news.image.gatsbyImageData && (\n                      <GatsbyImage\n                        alt={news.image.description}\n                        image={news.image.gatsbyImageData}\n                      />\n                    )}\n                  </div>\n                  <div>\n                    <h3 className=\"h2\" style={{ marginTop: 0 }}>\n                      {news.title}\n                    </h3>\n                    {news.cardText && renderRichText(news.cardText)}\n\n                    {news.link ? (\n                      <a className=\"postcard-link\" href={news.link}>\n                        Lire la suite &gt;\n                      </a>\n                    ) : (\n                      <Link\n                        className=\"postcard-link\"\n                        to={`/fr/news/${news.slug}/`}\n                      >\n                        Lire la suite &gt;\n                      </Link>\n                    )}\n                  </div>\n                </div>\n              </article>\n            </li>\n          ))}\n        </ul>\n\n        <div className=\"centered\">\n          <Link className=\"button\" to=\"/fr/news/\">\n            Voir toutes les actualités\n          </Link>\n        </div>\n      </div>\n\n      {\n        // end homepage listings\n      }\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query {\n    contentfulHomepage(title: { eq: \"Homepage\" }, node_locale: { eq: \"fr\" }) {\n      missionStatement {\n        missionStatement\n      }\n      videoUrl\n      consortiumLinks {\n        title\n        url\n        image {\n          gatsbyImageData(height: 74, placeholder: BLURRED)\n          description\n        }\n      }\n    }\n    contentfulMenu(title: { eq: \"Main menu\" }, node_locale: { eq: \"fr\" }) {\n      pages {\n        title\n        slug\n        node_locale\n        parentPage {\n          slug\n        }\n      }\n    }\n    contentfulMenuSubPages: allContentfulPage(\n      filter: { node_locale: { eq: \"fr\" } }\n      sort: { order: ASC, fields: menuOrder }\n    ) {\n      nodes {\n        title\n        slug\n        node_locale\n        parentPage {\n          slug\n        }\n      }\n    }\n    allContentfulSocialLink(filter: { node_locale: { eq: \"fr\" } }) {\n      nodes {\n        title\n        url\n      }\n    }\n    allContentfulPublication(\n      filter: { node_locale: { eq: \"fr\" } }\n      sort: { order: DESC, fields: date }\n      limit: 2\n    ) {\n      nodes {\n        slug\n        title\n        node_locale\n        link\n        authors {\n          raw\n        }\n        journal\n        dateAndPage {\n          dateAndPage\n        }\n      }\n    }\n    allContentfulEvent(\n      filter: { node_locale: { eq: \"fr\" } }\n      sort: { order: DESC, fields: date }\n      limit: 3\n    ) {\n      nodes {\n        slug\n        title\n        node_locale\n        date(formatString: \"DD MMMM\")\n        endDate(formatString: \"DD MMMM\")\n        category\n        location\n        link\n        image {\n          description\n          gatsbyImageData(height: 49, placeholder: BLURRED)\n        }\n      }\n    }\n    allContentfulNews(\n      filter: { node_locale: { eq: \"fr\" } }\n      sort: { order: DESC, fields: date }\n      limit: 3\n    ) {\n      nodes {\n        id\n        title\n        slug\n        #        link\n        cardText {\n          raw\n        }\n        image {\n          gatsbyImageData(width: 898, placeholder: BLURRED)\n        }\n      }\n    }\n  }\n`\n\nexport default FrIndexPage\n"],"names":["links","className","length","map","link","index","key","url","href","image","gatsbyImageData","G","alt","description","locale","text","splitVideoUrl","video","split","style","marginBottom","src","title","allow","frameBorder","webkitallowfullscreen","mozallowfullscreen","allowFullScreen","data","menuData","contentfulMenu","menuSubPages","contentfulMenuSubPages","socialLinks","allContentfulSocialLink","type","lang","contentfulHomepage","missionStatement","videoUrl","consortiumLinks","allContentfulPublication","nodes","publication","authors","renderRichText","journal","dateAndPage","Link","to","slug","allContentfulEvent","event","date","endDate","category","location","allContentfulNews","news","marginTop","cardText"],"sourceRoot":""}