{"version":3,"sources":["webpack:///./src/pages/index.jsx","webpack:///./src/components/panel.js"],"names":["fullConfig","resolveConfig","tailwindConfig","Index","data","location","parentTitle","pageTitle","title","css","fluid","homeHero","childImageSharp","className","theme","colors","gold","default","to","variant","size","isThin","isShaded","latestEvents","edges","map","node","frontmatter","permalink","eventDate","lgGridCols","lgGap","profMadonsela","alt","maroon","translucent","activities","pageQuery","StyledDiv","Panel","children","props"],"mappings":"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","file":"component---src-pages-index-jsx-e4d1185b4c29180327d9.js","sourcesContent":["import { graphql } from 'gatsby';\nimport BackgroundImage from 'gatsby-background-image';\nimport Img from 'gatsby-image';\nimport React from 'react';\nimport tw from 'tailwind.macro';\nimport resolveConfig from 'tailwindcss/resolveConfig';\nimport tailwindConfig from '../../tailwind.config.js';\nimport Button from '../components/button';\nimport Grid from '../components/grid';\nimport Layout from '../components/layout';\nimport LeadText from '../components/leadText';\nimport Panel from '../components/panel';\nimport Section from '../components/section';\nimport SEO from '../components/seo';\nimport SafeLink from '../components/safeLink.js';\n\nconst fullConfig = resolveConfig(tailwindConfig);\n\nconst Index = ({ data, location }) => {\n  const parentTitle = '';\n  const pageTitle = 'Home';\n\n  return (\n    <Layout location={location} parentTitle={parentTitle} pageTitle={pageTitle}>\n      <SEO title={pageTitle} />\n      <div css={tw`bg-maroon`}>\n        <BackgroundImage\n          fluid={data.homeHero.childImageSharp.fluid}\n          className=\"container\"\n          css={[tw`relative bg-maroon bg-right`, `background-size: auto 140%;`]}\n        >\n          <div css={[tw`flex flex-col`, `min-height:70vh`]}>\n            <div css={tw`pt-10 pb-5 md:py-0 my-auto`}>\n                <div className=\"lg:w-2/3\">\n                  <h1\n                    className=\"text-shadow-lg\"\n                    css={[\n                      tw`mb-5 text-white text-left tracking-wider underline`,\n                      `text-decoration-color: ${fullConfig.theme.colors.gold.default}`,\n                    ]}\n                  >\n                    The 5th International Social Justice Conference and 6th Annual Social Justice Summit\n                  </h1>\n                  <LeadText css={tw`text-white`}>16 – 18 October 2024</LeadText>\n                  <Button to=\"/conference-2024/\" variant=\"outline\" size=\"lg\">\n                    &larr; The Conference\n                  </Button>&nbsp;\n                  <Button to=\"/summit-2024/\" variant=\"outline\" size=\"lg\">\n                    The Summit &rarr;\n                  </Button>\n                </div>\n                {/* <SafeLink to=\"/conference-summit-2023/\">\n                  <Img\n                    fluid={data.summit2023Banner.childImageSharp.fluid}\n                    alt=\"The 4th International Conference on Social Justice and the 5th Social Justice Summit, 11-12 October 2023\"\n                    css={tw`w-full`}\n                  />\n                </SafeLink> */}\n                 \n            </div>\n            <div\n              css={tw`-mb-16 px-36 py-5 text-center rounded-lg border-t-8 border-gold bg-white shadow-lg`}\n            >\n              <h2\n                css={tw`px-5 md:px-0 text-xl uppercase tracking-wider font-normal`}\n              >\n                A globally respected social justice research and training hub\n              </h2>\n            </div>\n          </div>\n        </BackgroundImage>\n      </div>\n      <Section isThin isShaded>\n        <div css={tw`pt-20 pb-10`}>\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        </div>\n      </Section>\n      <Section isThin>\n        <div css={tw`pt-10 pb-10`}>\n          <Grid lgGridCols={2} lgGap={20}>\n            <div css={tw`flex items-center`}>\n              <Img\n                fluid={data.profMadonsela.childImageSharp.fluid}\n                alt=\"Prof. Thuli Madonsela\"\n                css={tw`rounded-lg w-full`}\n              />\n            </div>\n            <div css={tw`flex items-center`}>\n              <div>\n                <h2>\n                  Prof. Thuli Madonsela <br />\n                  <small css={tw`text-dark-gray font-normal`}>\n                    Director of the Centre for Social Justice, Stellenbosch University\n                  </small>\n                </h2>\n                <p>Professor Thuli (Thulisile) Madonsela is a professor of law occupying the Law Trust Research Chair in Social Justice at Stellenbosch University. She is also a member of the African Academy of Sciences and founder of the Thuma Foundation for Democracy Leadership and Literacy a Member of the African Academy of Sciences, a 2017 Harvard Advanced Leadership Fellow, and a One Young World Counsellor. The former Public Protector of South Africa and full-time Law Commissioner, Professor Madonsela was one of the drafters of the South African Constitution and a co-architect and drafter of several constitutionally mandated laws, including the Equality Act, Employment Equity Act and Promotion of Administrative Justice Act.</p>\n                <Button to=\"/about/\">Read more &rarr;</Button>\n              </div>\n            </div>\n          </Grid>\n        </div>\n      </Section>\n      <Section isShaded>        \n        {/*<Img\n          fluid={data.conferenceSummit2024Banner.childImageSharp.fluid}\n          alt=\"The 5th International Conference on Social Justice and the 6th Social Justice Summit\"\n          css={tw`mb-5 w-full`}\n        />\n        <Button to=\"/conference-2024/\" size=\"md\">\n          Learn more about the Conference &rarr;\n        </Button>&nbsp;\n        <Button to=\"/conference-2024/\" size=\"md\">\n          Learn more about the Summit &rarr;\n        </Button>        \n        <hr css={tw`mt-5 mb-10`} />*/}\n        <h2>Missed the previous summits and conferences?</h2>\n        <Button to=\"/summit-2020/\" size=\"md\">\n          View 2020 page &rarr;\n        </Button> <Button to=\"/summit-conference-2021/\" size=\"md\">\n          View 2021 page &rarr;\n        </Button> <Button to=\"/conference-summit-2022/\" size=\"md\">\n          View 2022 page &rarr;\n        </Button> <Button to=\"/conference-summit-2023/\" size=\"md\">\n          View 2023 page &rarr;\n        </Button>\n      </Section>\n      <BackgroundImage\n        fluid={[\n          `linear-gradient(${fullConfig.theme.colors.maroon.translucent} 15%,transparent)`,\n          data.activities.childImageSharp.fluid,\n        ]}\n        css={tw`relative pt-20 pb-32`}\n      >\n        <div className=\"container\" css={tw`mb-10`}>\n          <h2 className=\"text-shadow-lg\" css={tw`mt-0 text-white`}>\n            Featured projects\n          </h2>\n          <LeadText className=\"text-shadow\" css={tw`text-white`}>\n            The Centre for Social Justice is anchored in the triple\n            objectives of responsive research, teaching and social impact. The\n            Social Justice M-Plan is the flagship programme of Law Trust the\n            Chair in Social Justice.\n          </LeadText>\n        </div>\n        <div className=\"container\">\n          <Grid lgGridCols={2}>            \n            <Panel css={tw`flex flex-col content-start items-start p-10`}>\n              <h3 css={tw`mt-0`}>The Musa Plan for Social Justice (M-Plan)</h3>\n              <LeadText>\n                A social justice accelerator programme. Its theory of change is\n                that poverty and inequality are systems problems and require a\n                systems approach to change.\n              </LeadText>\n              <Button to=\"/projects/m-plan/\" css={tw`mt-auto`}>\n                Explore &rarr;\n              </Button>\n            </Panel>\n            <Panel css={tw`flex flex-col content-start items-start p-10`}>\n              <h3 css={tw`mt-0`}>#ACTION4INCLUSION</h3>\n              <LeadText>\n                A campaign to address the plight of historic debt owed to\n                universities by students from poor and working-class families.\n              </LeadText>\n              <Button to=\"/projects/action4inclusion/\" css={tw`mt-auto`}>\n                Explore &rarr;\n              </Button>\n            </Panel>\n            <Panel css={tw`flex flex-col content-start items-start p-10`}>\n              <h3 css={tw`mt-0`}>\n                Social Justice and COVID-19 Policy and Relief Monitoring\n                Alliance (SCOPRA)\n              </h3>\n              <LeadText>\n                A project to regularly track all COVID-19 policies and relief\n                measures to assess and ensure compliance with the equality duty\n                and related social justice commitments, other human rights\n                obligations and democratic governance dictates.\n              </LeadText>\n              <Button to=\"/projects/scopra/\" css={tw`mt-auto`}>\n                Explore &rarr;\n              </Button>\n            </Panel>\n            <Panel css={tw`flex flex-col content-start items-start p-10`}>\n              <h3 css={tw`mt-0`}>Social Justice Café</h3>\n              <LeadText>\n                The aim of the cafés is to engage with young people on social\n                justice issues and human rights-inspired democracy and action\n                for inclusion.\n              </LeadText>\n              <Button to=\"/projects/social-justice-cafe/\" css={tw`mt-auto`}>\n                Explore &rarr;\n              </Button>\n            </Panel>            \n          </Grid>\n        </div>\n      </BackgroundImage>\n    </Layout>\n  );\n};\n\nexport default Index;\n\nexport const pageQuery = graphql`\n  query {\n    homeHero: file(relativePath: { eq: \"home-hero1.jpg\" }) {\n      childImageSharp {\n        fluid(quality: 100) {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    profMadonsela: file(relativePath: { eq: \"thuli-madonsela-2022.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    activities: file(relativePath: { eq: \"home-activities.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    action4inclusionHero: file(\n      relativePath: { eq: \"projects-action4inclusion-banner.jpg\" }\n    ) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    conferenceSummit2024Banner: file(relativePath: { eq: \"2024-06-save-the-date-2024-international-social-justice-conference-and-social-justice-summit.jpg\" }) {\n      childImageSharp {\n        fluid(quality: 100) {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }      \n    latestEvents: allMarkdownRemark(\n      filter: { frontmatter: { type: { eq: \"event\" } } }\n      sort: { fields: [frontmatter___eventDate], order: DESC }\n      limit: 3\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","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"],"sourceRoot":""}