{"version":3,"sources":["webpack:///./src/pages/projects.jsx","webpack:///./src/components/panel.js"],"names":["fullConfig","resolveConfig","tailwindConfig","Section","Projects","data","location","parentTitle","pageTitle","title","fluid","theme","colors","maroon","translucent","activities","childImageSharp","css","className","to","pageQuery","StyledDiv","Panel","children","props"],"mappings":"4TAaMA,EAAaC,IAAcC,KAE3BC,EAAU,iE,uqDAyHDC,UAvHE,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAIxB,OACE,YAAC,IAAD,CAAQA,SAAUA,EAAUC,YAJV,GAIoCC,UAHtC,YAId,YAAC,IAAD,CAAKC,MAJS,aAMd,YAACN,EAAD,KACE,YAAC,IAAD,CACEO,MAAO,CAAC,mBACaV,EAAWW,MAAMC,OAAOC,OAAOC,YAD7C,oBAELT,EAAKU,WAAWC,gBAAgBN,OAElCO,IAAG,GAEH,mBAAKC,UAAU,YAAYD,IAAG,GAC5B,kBAAIC,UAAU,iBAAiBD,IAAG,GAAlC,oBAGA,YAAC,IAAD,CAAUC,UAAU,cAAcD,IAAG,GAArC,yNAOF,mBAAKC,UAAU,aACb,YAAC,IAAD,KACE,YAAC,IAAD,CAAOD,IAAG,GACR,kBAAIA,IAAG,GAAP,yCACA,YAAC,IAAD,mKAKA,YAAC,IAAD,CAAQE,GAAG,oBAAoBF,IAAG,GAAlC,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,8BACA,YAAC,IAAD,iIAIA,YAAC,IAAD,CAAQE,GAAG,8BAA8BF,IAAG,GAA5C,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,8EAIA,YAAC,IAAD,iPAMA,YAAC,IAAD,CAAQE,GAAG,oBAAoBF,IAAG,GAAlC,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,kBACA,YAAC,IAAD,qVAQA,YAAC,IAAD,CAAQE,GAAG,4BAA4BF,IAAG,GAA1C,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,uBACA,YAAC,IAAD,mJAKA,YAAC,IAAD,CAAQE,GAAG,iCAAiCF,IAAG,GAA/C,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,oBACA,YAAC,IAAD,0LAKA,YAAC,IAAD,CAAQE,GAAG,8BAA8BF,IAAG,GAA5C,cAIF,YAAC,IAAD,CAAOA,IAAG,GACR,kBAAIA,IAAG,GAAP,4BACA,YAAC,IAAD,4HAIA,YAAC,IAAD,CAAQE,GAAG,6BAA6BF,IAAG,GAA3C,oBAcT,IAAMG,EAAS,c,kHCvItB,IAAMC,EAAY,+MAMHC,IAJD,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,SAAaC,E,oIAAY,iBACxC,OAAO,YAACH,EAAcG,EAAQD","file":"component---src-pages-projects-jsx-393d7c815920ac7ea81f.js","sourcesContent":["import { graphql } from 'gatsby';\nimport 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 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 SEO from '../components/seo';\n\nconst fullConfig = resolveConfig(tailwindConfig);\n\nconst Section = tw.section``;\n\nconst Projects = ({ data, location }) => {\n  const parentTitle = '';\n  const pageTitle = 'Projects';\n\n  return (\n    <Layout location={location} parentTitle={parentTitle} pageTitle={pageTitle}>\n      <SEO title={pageTitle} />\n\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              Current 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>\n              <Panel css={tw`flex flex-col content-start items-start p-10`}>\n                <h3 css={tw`mt-0`}>The Social Justice Musa Plan (M-Plan)</h3>\n                <LeadText>\n                  A social justice accelerator programme. Its theory of change\n                  is that poverty and inequality are systems problems and\n                  require a 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 campaign</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\n                  duty and related social justice commitments, other human\n                  rights 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`}>Data Analytics</h3>\n                <LeadText>\n                  We are strengthening state capacity to leverage data analytics\n                  to pass laws and policies that reduce poverty and inequality\n                  and to embrace a culture of data based decision-making. The\n                  focus is assessing and predicting the likely social justice\n                  impact of planned policies, legislation and plans as well as\n                  those already in operation.\n                </LeadText>\n                <Button to=\"/projects/data-analytics/\" 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              <Panel css={tw`flex flex-col content-start items-start p-10`}>\n                <h3 css={tw`mt-0`}>Everyday Justice</h3>\n                <LeadText>\n                  A community education program to develop the capacity of\n                  individuals and groups of all ages through their actions, the\n                  capacity of communities, to improve their quality of life.\n                </LeadText>\n                <Button to=\"/projects/everyday-justice/\" 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`}>Dear Presidents campaign</h3>\n                <LeadText>\n                  A campaign to inspire young people to find and use their voice\n                  to shape and lead for democracy that works for them.\n                </LeadText>\n                <Button to=\"/projects/dear-presidents/\" css={tw`mt-auto`}>\n                  Explore &rarr;\n                </Button>\n              </Panel>\n            </Grid>\n          </div>\n        </BackgroundImage>\n      </Section>\n    </Layout>\n  );\n};\n\nexport default Projects;\n\nexport const pageQuery = graphql`\n  query {\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  }\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":""}