{"version":3,"file":"component---src-pages-en-js-9ea129e6b7e3a6f091c9.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/en.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 EnIndexPage = ({ data }) => {\n  return (\n    <Layout\n      locale=\"en\"\n      menuData={data.contentfulMenu}\n      menuSubPages={data.contentfulMenuSubPages}\n      socialLinks={data.allContentfulSocialLink}\n      type=\"home\"\n    >\n      <Seo\n        title=\"Milieu Intérieur\"\n        description={\n          data.contentfulHomepage.missionStatement &&\n          data.contentfulHomepage.missionStatement.missionStatement\n        }\n      />\n\n      {process.env.GATSBY_HOLDING_PAGE === \"true\" ? (\n        <div\n          style={{\n            maxWidth: 680,\n            margin: \"auto\",\n          }}\n        >\n          <div style={{ textAlign: \"center\" }}>\n            <h1>Milieu Intérieur Project</h1>\n          </div>\n\n          <section>\n            <p>\n              We are currently developing a new website for The Milieu Intérieur\n              Project.\n            </p>\n\n            <p>\n              To contact us please send an email to milieuinterieur@pasteur.fr.\n            </p>\n          </section>\n\n          <section lang=\"fr\">\n            <p>\n              Nous sommes en train de développer un nouveau site web pour le\n              projet Milieu Intérieur.\n            </p>\n\n            <p>\n              Pour nous contacter, veuillez envoyer un courriel à\n              milieuinterieur@pasteur.fr.\n            </p>\n          </section>\n          <p>\n            <small>Copyright 2021 Milieuinterieur.fr</small>\n          </p>\n        </div>\n      ) : (\n        <>\n          <Hero\n            locale=\"en\"\n            text={data.contentfulHomepage.missionStatement.missionStatement}\n            video={data.contentfulHomepage.videoUrl}\n          />\n          <div className=\"l-constrained\" style={{ marginBottom: \"2rem\" }}>\n            <h2 className=\"h4\">Consortium members</h2>\n            <ConsortiumLinks links={data.contentfulHomepage.consortiumLinks} />\n          </div>\n\n          <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n            <CollaborateBanner locale=\"en\" />\n          </div>\n\n          {\n            // start homepage listings\n          }\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                <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}>Read more &gt;</a>\n                  </article>\n                </li>\n              ))}\n            </ul>\n            <div className=\"centered\">\n              <Link className=\"button\" to=\"/en/research/publications/\">\n                View all publications\n              </Link>\n            </div>\n          </div>\n\n          <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n            <h2 className=\"h4\">Events</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=\"/en/events/\">\n                View all events\n              </Link>\n            </div>\n          </div>\n\n          <div className=\"l-constrained\" style={{ marginBottom: \"4rem\" }}>\n            <h2 className=\"h4\">News</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                            Read more &gt;\n                          </a>\n                        ) : (\n                          <Link\n                            className=\"postcard-link\"\n                            to={`/en/news/${news.slug}/`}\n                          >\n                            Read more &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=\"/en/news/\">\n                View all news\n              </Link>\n            </div>\n          </div>\n\n          {\n            // end homepage listings\n          }\n        </>\n      )}\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query {\n    contentfulHomepage(\n      title: { eq: \"Homepage\" }\n      node_locale: { eq: \"en-US\" }\n    ) {\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: \"en-US\" }) {\n      pages {\n        title\n        slug\n        node_locale\n        parentPage {\n          slug\n        }\n      }\n    }\n    contentfulMenuSubPages: allContentfulPage(\n      filter: { node_locale: { eq: \"en-US\" } }\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: \"en-US\" } }) {\n      nodes {\n        title\n        url\n      }\n    }\n    allContentfulPublication(\n      filter: { node_locale: { eq: \"en-US\" } }\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: \"en-US\" } }\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: \"en-US\" } }\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: 431, placeholder: BLURRED)\n        }\n      }\n    }\n  }\n`\n\nexport default EnIndexPage\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","contentfulHomepage","missionStatement","videoUrl","consortiumLinks","allContentfulPublication","nodes","publication","authors","renderRichText","journal","dateAndPage","Link","to","allContentfulEvent","event","date","endDate","category","location","allContentfulNews","news","marginTop","cardText","slug"],"sourceRoot":""}