{"version":3,"sources":["webpack:///./src/components/masthead.js","webpack:///./src/components/panel.js","webpack:///./src/pages/projects/social-justice-cafe.jsx"],"names":["fullConfig","resolveConfig","tailwindConfig","Masthead","parentTitle","pageTitle","backgroundImage","styling","fluid","theme","colors","maroon","translucent","default","css","className","StyledDiv","Panel","children","props","ProjectsSocialJusticeCafe","data","location","title","image","hero","childImageSharp","src","to","width","height","frameborder","allow","allowfullscreen","isShaded","latestEvents","edges","map","node","frontmatter","permalink","eventDate","pageQuery"],"mappings":"wNAOMA,EAAaC,IAAcC,KAuClBC,IArCE,SAAC,GAA0D,IAAxDC,EAAuD,EAAvDA,YAAaC,EAA0C,EAA1CA,UAAWC,EAA+B,EAA/BA,gBAAiBC,EAAc,EAAdA,QAC3D,OACE,8BACE,YAAC,IAAD,CACEC,MAAO,CAAC,mBACaR,EAAWS,MAAMC,OAAOC,OAAOC,YAD7C,KAC6DZ,EAAWS,MAAMC,OAAOC,OAAOE,QAD5F,IAELP,GAEFQ,IAAG,YAAE,CAAG,gFAA2BP,KAEnC,mBAAKQ,UAAU,aACb,uBACE,YAAC,IAAD,CACED,IAAG,YAAE,CACD,gGADC,yCAILC,UAAU,eAETX,GAEH,kBACEW,UAAU,cACVD,IAAG,YAAE,CACD,qEADC,0CAKJT,S,kHClCf,IAAMW,EAAY,+MAMHC,IAJD,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,SAAaC,E,oIAAY,iBACxC,OAAO,YAACH,EAAcG,EAAQD,K,oCCLhC,qL,sNA2EeE,UA/DmB,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAEnCjB,EAAY,sBAElB,OACE,YAAC,IAAD,CAAQiB,SAAUA,EAAUlB,YAJV,WAIoCC,UAAWA,GAC/D,YAAC,IAAD,CAAKkB,MAAOlB,EAAWmB,MAAOH,EAAKI,KAAKC,gBAAgBlB,MAAMmB,MAC9D,YAAC,IAAD,CACEvB,YAPc,WAQdC,UAAWA,EACXC,gBAAiBe,EAAKI,KAAKC,gBAAgBlB,MAC3CD,QAAS,CACL,uDADK,+CAKX,YAAC,IAAD,KACE,kCACA,YAAC,IAAD,yUAOA,gHAE8B,IAC5B,YAAC,IAAD,CAAUqB,GAAG,qBAAb,wDAHF,KAQA,kBAAId,IAAG,IACP,8CACA,gQAMA,gEACA,sBAAQe,MAAM,MAAMC,OAAO,MAAMH,IAAI,wGAA4GJ,MAAM,uBAAuBQ,YAAY,IAAIC,MAAM,sGAAsGC,iBAAe,KAE3T,YAAC,IAAD,CAASC,UAAQ,GACf,iDACA,YAAC,IAAD,KACGb,EAAKc,aAAaC,MAAMC,KAAI,YAAe,IAAZC,EAAW,EAAXA,KAC9B,OACE,YAAC,IAAD,CAAOxB,IAAG,GACR,YAAC,IAAD,CAAUc,GAAIU,EAAKC,YAAYC,WAC7B,sBAAKF,EAAKC,YAAYhB,OACtB,iBAAGT,IAAG,GAAqBwB,EAAKC,YAAYE,oBAavD,IAAMC,EAAS","file":"component---src-pages-projects-social-justice-cafe-jsx-82458c53ae7d7f83b196.js","sourcesContent":["import BackgroundImage from 'gatsby-background-image';\nimport React from 'react';\nimport tw from 'tailwind.macro';\nimport resolveConfig from 'tailwindcss/resolveConfig';\nimport tailwindConfig from '../../tailwind.config.js';\nimport LeadText from './leadText';\n\nconst fullConfig = resolveConfig(tailwindConfig);\n\nconst Masthead = ({ parentTitle, pageTitle, backgroundImage, styling }) => {\n  return (\n    <>\n      <BackgroundImage\n        fluid={[\n          `linear-gradient(${fullConfig.theme.colors.maroon.translucent}, ${fullConfig.theme.colors.maroon.default})`,\n          backgroundImage,\n        ]}\n        css={[tw`flex items-center py-10`, styling]}\n      >\n        <div className=\"container\">\n          <div>\n            <LeadText\n              css={[\n                tw`my-0 uppercase tracking-wide text-white`,\n                `text-shadow:0 0 10px rgba(0,0,0,0.5)`,\n              ]}\n              className=\"text-shadow\"\n            >\n              {parentTitle}\n            </LeadText>\n            <h1\n              className=\"text-shadow\"\n              css={[\n                tw`my-0 text-white tracking-wider`,\n                `text-shadow:0 0 10px rgba(0,0,0,0.5)`,\n              ]}\n            >\n              {pageTitle}\n            </h1>\n          </div>\n        </div>\n      </BackgroundImage>\n    </>\n  );\n};\n\nexport default Masthead;\n","import React from \"react\"\nimport tw from \"tailwind.macro\"\n\nconst StyledDiv = tw.div`p-5 bg-white shadow-md rounded-lg`\n\nconst Panel = ({ children, ...props }) => {\n  return <StyledDiv {...props}>{children}</StyledDiv>\n}\n\nexport default Panel\n","import { graphql } from 'gatsby';\nimport React from 'react';\nimport tw from 'tailwind.macro';\nimport Button from '../../components/button';\nimport Grid from '../../components/grid';\nimport Layout from '../../components/layout';\nimport LeadText from '../../components/leadText';\nimport Masthead from '../../components/masthead';\nimport Panel from '../../components/panel';\nimport SafeLink from '../../components/safeLink';\nimport Section from '../../components/section';\nimport SEO from '../../components/seo';\n\nconst ProjectsSocialJusticeCafe = ({ data, location }) => {\n  const parentTitle = 'Projects';\n  const pageTitle = 'Social Justice Café';\n\n  return (\n    <Layout location={location} parentTitle={parentTitle} pageTitle={pageTitle}>\n      <SEO title={pageTitle} image={data.hero.childImageSharp.fluid.src} />\n      <Masthead\n        parentTitle={parentTitle}\n        pageTitle={pageTitle}\n        backgroundImage={data.hero.childImageSharp.fluid}\n        styling={[\n          tw`bg-maroon bg-right`,\n          `min-height:40vh; background-size:contain;`,\n        ]}\n      />\n      <Section>\n        <h2>Overview</h2>\n        <LeadText>\n          The aim of the cafés is to engage with young people on social justice\n          issues and human rights-inspired democracy and action for inclusion,\n          rooted in the UN Sustainable Development Goals (SDGs) and National\n          Development goals, with a view to harnessing the youth dividend in\n          ending poverty and reducing inequality by 2030.\n        </LeadText>\n        <p>\n          As an initiative of the Centre for Social Justice, the cafés\n          are executed as part of the{' '}\n          <SafeLink to=\"/projects/m-plan/\">\n            Social Justice Musa Plan (M-Plan for Social Justice)\n          </SafeLink>\n          .\n        </p>\n        <hr css={tw`my-10`} />\n        <h2>Format and logistics</h2>\n        <p>\n          Keynote speakers with extensive experience and expertise on a specific\n          topic introduce and situate the theme, followed by a panel discussion\n          involving approximately 4 panellists and the audience. Discussions\n          take place on MS Teams.\n        </p>\n        <h2>Watch the latest Social Justice Cafés:</h2>\n        <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/videoseries?si=PwSfF7SeOcmx3Ix3&amp;list=PLwTL48ihN7WaFJlSm-dEh4sYqEaLv0wk5\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>\n      </Section>\n      <Section isShaded>\n        <h2>Past and upcoming cafés</h2>\n        <Grid>\n          {data.latestEvents.edges.map(({ node }) => {\n            return (\n              <Panel css={tw`flex flex-col items-start`}>\n                <SafeLink to={node.frontmatter.permalink}>\n                  <h3>{node.frontmatter.title}</h3>\n                  <p css={tw`mt-auto mb-0`}>{node.frontmatter.eventDate}</p>\n                </SafeLink>\n              </Panel>\n            );\n          })}\n        </Grid>\n      </Section>\n    </Layout>\n  );\n};\n\nexport default ProjectsSocialJusticeCafe;\n\nexport const pageQuery = graphql`\n  query {\n    hero: file(relativePath: { eq: \"projects-socialjusticecafe-hero.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    latestEvents: allMarkdownRemark(\n      filter: { frontmatter: { topics: { in: \"Social Justice Café\" } } }\n      sort: { fields: [frontmatter___eventDate], order: DESC }\n    ) {\n      edges {\n        node {\n          excerpt\n          frontmatter {\n            author\n            date(formatString: \"D MMMM YYYY\")\n            permalink\n            title\n            topics\n            eventDate(formatString: \"D MMMM YYYY\")\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}