{"version":3,"sources":["webpack:///./src/components/masthead.js","webpack:///./src/pages/about.jsx"],"names":["fullConfig","resolveConfig","tailwindConfig","Masthead","parentTitle","pageTitle","backgroundImage","styling","fluid","theme","colors","maroon","translucent","default","css","className","Section","About","data","location","title","homeHero","childImageSharp","gold","fixed","profMadonsela","alt","to","pageQuery"],"mappings":"uNAOMA,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,6SCvBTL,EAAaC,IAAcC,KAE3Bc,EAAU,kE,glFA2KDC,UAzKD,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAIrB,OACE,YAAC,IAAD,CAAQA,SAAUA,EAAUf,YAJV,GAIoCC,UAHtC,SAId,YAAC,IAAD,CAAKe,MAJS,UAKd,mBAAKN,IAAG,GACN,YAAC,IAAD,CACEN,MAAOU,EAAKG,SAASC,gBAAgBd,MACrCO,UAAU,YACVD,IAAG,YAAE,CAAG,2EAAH,iCAEL,mBAAKA,IAAG,YAAE,CAAG,wCAAH,qBACR,mBAAKA,IAAG,GACN,kBACEC,UAAU,iBACVD,IAAG,YAAE,CACD,qHADC,0BAEuBd,EAAWS,MAAMC,OAAOa,KAAKV,WAJ3D,gEAUF,mBACEC,IAAG,GAEH,kBACEA,IAAG,GADL,qEASR,YAACE,EAAD,CAASF,IAAG,GACV,mBAAKC,UAAU,aACb,kCACA,YAAC,IAAD,+OAMA,ioDA0Bc,OAIlB,YAACC,EAAD,CAASF,IAAG,GACV,mBAAKC,UAAU,aACb,kBAAID,IAAG,GAAP,2BACA,YAAC,IAAD,KACE,mBAAKA,IAAG,GACN,8CACA,YAAC,IAAD,+DAIF,mBACEC,UAAU,gBACVD,IAAG,GAEH,qEACA,YAAC,IAAD,8GAKF,mBAAKA,IAAG,GACN,kEACA,YAAC,IAAD,qGAKF,mBAAKA,IAAG,GACN,wCACA,YAAC,IAAD,yEAIF,mBAAKA,IAAG,GACN,yFAGA,YAAC,IAAD,yCAKR,YAACE,EAAD,CAASF,IAAG,GACV,mBAAKC,UAAU,aACb,YAAC,IAAD,CACES,MAAON,EAAKO,cAAcH,gBAAgBE,MAC1CE,IAAI,wBACJZ,IAAG,IAEL,+CACwB,uBACtB,qBAAOA,IAAG,GAAV,uEAIF,wuBAAstB,ghCACttB,wCACA,YAAC,IAAD,KACE,mBAAKA,IAAG,GACN,kBAAIA,IAAG,GACL,uCACA,uBAFF,iFAMA,YAAC,IAAD,CACEA,IAAG,EACHa,GAAG,2DAFL,eAOF,mBAAKb,IAAG,GACN,kBAAIA,IAAG,GACL,uCACA,uBAFF,kHAMA,YAAC,IAAD,CACEA,IAAG,EACHa,GAAG,sFAFL,sBAgBP,IAAMC,EAAS","file":"component---src-pages-about-jsx-734a898a4df37aa278ff.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 { 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 Grid from '../components/grid';\nimport Layout from '../components/layout';\nimport LeadText from '../components/leadText';\nimport Masthead from '../components/masthead';\nimport SEO from '../components/seo';\nimport Button from '../components/button';\n\nconst fullConfig = resolveConfig(tailwindConfig);\n\nconst Section = tw.section``;\n\nconst About = ({ data, location }) => {\n  const parentTitle = '';\n  const pageTitle = 'About';\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              <h1\n                className=\"text-shadow-lg\"\n                css={[\n                  tw`mb-5 w-1/2 text-white text-left tracking-wider underline`,\n                  `text-decoration-color: ${fullConfig.theme.colors.gold.default}`,\n                ]}\n              >\n                Social justice consciousness, scholarship and collaboration\n              </h1>             \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 css={tw`pt-20 pb-10`}>\n        <div className=\"container\">\n          <h2>Overview</h2>\n          <LeadText>\n            The Centre for Social Justice was established in 2016. It is\n            headed by Prof Thuli Madonsela, the former Public Protector of South\n            Africa, and is anchored in the triple objectives of responsive\n            research, teaching and social impact.\n          </LeadText>\n          <p>\n            Social justice is said to be “the way in which human rights are\n            manifested in the everyday lives of people at every level of\n            society” (Edmund Rice Centre, 2000, p. 1). The working definition\n            underpinning the research of the Chair is that Social justice is\n            about the equal enjoyment of all rights and freedoms regardless of\n            human diversity reflected in the fair and just and distribution of\n            all opportunities, benefits, privileges and burdens in a society or\n            group. The Social Justice M-Plan is the flagship programme of Law\n            Trust the Chair in Social Justice. It is also an avenue for giving\n            effect to the University’s social impact objective, particularly\n            with regard to the grand constitutional objective of healing the\n            divisions of the past and transforming structural social relations\n            in society to give effect to the constitutional promise of freeing\n            the potential and improving the quality of life of every citizen.\n            Influenced by 2 years of intensive research and modelled on the US\n            sponsored post-World World 2 Europe Recovery Marshal Plan, the\n            Social Justice M-Plan is an integrated ground up civil society plan\n            that seeks to coordinate systematic and integrated academic,\n            business and broader civil society input to support government\n            efforts towards breaking the back of poverty and inequality. Worth\n            noting, is that the research includes auditing and integrating\n            existing social justice research and data while generating new\n            knowledge and information where necessary. Teaching on the other\n            hand, extends to fostering appropriate knowledge, skills and values\n            among decision-makers that drive public policy, planning and\n            monitoring.{' '}\n          </p>\n        </div>\n      </Section>\n      <Section css={tw`py-20 bg-maroon`}>\n        <div className=\"container\">\n          <h2 css={tw`mt-0 text-white`}>Core Strategic Outcomes</h2>\n          <Grid>\n            <div css={tw`p-5 bg-white rounded-lg shadow-lg`}>\n              <h3>Academic scholarship</h3>\n              <LeadText>\n                ...to anchor social justice as an academic discipline\n              </LeadText>\n            </div>\n            <div\n              className=\"md:col-span-2\"\n              css={tw`p-5 bg-white rounded-lg shadow-lg`}\n            >\n              <h3>Social impact in society through the M-Plan</h3>\n              <LeadText>\n                ...to catalyse social and economic inclusion through research\n                for impact and purposeful partnerships\n              </LeadText>\n            </div>\n            <div css={tw`p-5 bg-white rounded-lg shadow-lg`}>\n              <h3>Social impact in Stellenbosch University</h3>\n              <LeadText>\n                ...to support the achievement of a transformative student\n                experience and employer of choice\n              </LeadText>\n            </div>\n            <div css={tw`p-5 bg-white rounded-lg shadow-lg`}>\n              <h3>Sustainability</h3>\n              <LeadText>\n                ...to contribute to building a thriving Stellenbosch University\n              </LeadText>\n            </div>\n            <div css={tw`p-5 bg-white rounded-lg shadow-lg`}>\n              <h3>\n                Globally recognised Social Justice hub and centre of excellence\n              </h3>\n              <LeadText>...to do research for impact</LeadText>\n            </div>\n          </Grid>\n        </div>\n      </Section>\n      <Section css={tw`py-20`}>\n        <div className=\"container\">\n          <Img\n            fixed={data.profMadonsela.childImageSharp.fixed}\n            alt=\"Prof. Thuli Madonsela\"\n            css={tw`rounded-lg md:float-right max-w-full md:ml-10 md:mb-10`}\n          />\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><p>She has an extensive background in applied constitutional and administrative law principles mainly based on her public service years and her investigation of improper conduct in state affairs as Public Protector. She helped draft several international human rights instruments and country reports. She currently teaches Constitutional Law, Social Justice Law, Administrative Law, and Constitutional Governance and Ethical Leadership and has written and published extensively on these matters. An advocate of the High Court of South Africa, Professor Madonsela holds eight honorary law doctorates in addition to her normal law degrees and over 70 awards including the German Africa Award, A French Knighthood and Time 100 Most Influential People in The World (2014). Professor Madonsela is a mother of two, an avid mountaineer who has summited Mt Kilimanjaro twice under the #Trek4Mandela campaign and for the Social Justice M-Plan and regularly hikes for the #Action4Inclusion campaign, a quest to end student debt.</p>\n          <h2>Featured works</h2>\n          <Grid>\n            <div css={tw`p-5 shadow-lg flex flex-col items-start`}>\n              <h3 css={tw`mb-2`}>\n                <small>June 2020:</small>\n                <br />\n                Address to the Waterfront Rotary Club on Social Justice\n                Responses to COVID-19\n              </h3>\n              <Button\n                css={tw`mt-auto`}\n                to=\"/downloads/PROFTMROTARYCLUBWATERFRONTSOCJUST120620.pptx\"\n              >\n                Download &rarr;\n              </Button>\n            </div>\n            <div css={tw`p-5 shadow-lg flex flex-col items-start`}>\n              <h3 css={tw`mb-2`}>\n                <small>June 2020:</small>\n                <br />\n                Podcast: The ARC Insider - Life after Corruption busting - in\n                conversation with South Africa’s Thuli Madonsela\n              </h3>\n              <Button\n                css={tw`mt-auto`}\n                to=\"https://podcasts.apple.com/gb/podcast/the-arc-insider/id1509484109?i=1000478587855\"\n              >\n                Listen now &rarr;\n              </Button>\n            </div>\n          </Grid>\n        </div>\n      </Section>\n    </Layout>\n  );\n};\n\nexport default About;\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        fixed(width: 500) {\n          ...GatsbyImageSharpFixed_withWebp\n        }\n      }\n    }\n    profMadonsela2: file(relativePath: { eq: \"about-profmadonsela.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}