{"version":3,"sources":["webpack:///./src/components/masthead.js","webpack:///./src/components/panel.js","webpack:///./src/pages/collaborate.js"],"names":["fullConfig","resolveConfig","tailwindConfig","Masthead","parentTitle","pageTitle","backgroundImage","styling","fluid","theme","colors","maroon","translucent","default","css","className","StyledDiv","Panel","children","props","Section","Collaborate","data","location","title","profMadonsela2","childImageSharp","to","action","method","class","name","placeholder","for","type","rows","size","pageQuery"],"mappings":"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","file":"component---src-pages-collaborate-js-da04320058758efea0ec.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 { FaFacebookSquare, FaTwitter, FaInstagram } from \"react-icons/fa\"\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 SEO from \"../components/seo\"\n\nconst Section = tw.section``\n\nconst Collaborate = ({ data, location }) => {\n  const parentTitle = \"\"\n  const pageTitle = \"Collaborate\"\n\n  return (\n    <Layout location={location} parentTitle={parentTitle} pageTitle={pageTitle}>\n      <SEO title={pageTitle} />\n      <Masthead\n        parentTitle={parentTitle}\n        pageTitle={pageTitle}\n        backgroundImage={data.profMadonsela2.childImageSharp.fluid}\n        styling={`min-height:50vh`}\n      />\n      <Section css={tw`py-10`}>\n        <div className=\"container\">\n          <h2>We want to engage with you!</h2>\n          <LeadText>\n            In a complex and rapidly changing world, collaboration and openness\n            are vital. We believe in sharing ideas and thinking with our\n            partners for mutual benefit and better outcomes. Do you have an idea\n            and want to collaborate? We want to talk to you!\n          </LeadText>\n        </div>\n      </Section>\n      <Section css={tw`py-20 bg-light-gray-100 shadow-inner`}>\n        <div className=\"container\">\n          <h2 css={tw`mt-0`}>Common reasons to engage:</h2>\n          <Grid>\n            <Panel>\n              <h3>\n                You want to be part of the conversation around social justice\n              </h3>\n            </Panel>\n            <Panel>\n              <h3>\n                You're looking for a framework with which to measure social\n                justice\n              </h3>\n            </Panel>\n            <Panel>\n              <h3>\n                You're an individual or organisation needing our subject matter\n                expertise\n              </h3>\n            </Panel>\n            <Panel>\n              <h3>\n                You're an academic institution seeking research partnerships\n              </h3>\n            </Panel>\n            <Panel>\n              <h3>\n                You're interested in sponsoring{\" \"}\n                <SafeLink\n                  to=\"/projects/\"\n                  css={tw`text-dark-gray-700 hover:text-dark-gray`}\n                >\n                  our other projects\n                </SafeLink>\n              </h3>\n            </Panel>\n          </Grid>\n        </div>\n      </Section>\n      <Section css={tw`py-20`}>\n        <div className=\"container\">\n          <h2>How to engage</h2>\n          <Grid>\n            <div>\n              <h3>Follow us on social media</h3>\n              <p>\n                <SafeLink\n                  to=\"https://www.facebook.com/Social-Justice-M-Plan-343817256222320/\"\n                  css={tw`text-maroon text-xl`}\n                >\n                  <FaFacebookSquare\n                    css={tw`inline mr-2 hover:text-dark-gray text-5xl align-middle`}\n                  />\n                  Social Justice M-Plan\n                </SafeLink>\n              </p>\n              <p>\n                <SafeLink\n                  to=\"https://twitter.com/CFSJ_MPlan\"\n                  css={tw`text-maroon text-xl`}\n                >\n                  <FaTwitter\n                    css={tw`inline mr-2 hover:text-dark-gray text-5xl align-middle`}\n                  />\n                  @CFSJ_MPlan\n                </SafeLink>\n              </p>\n              <p>\n                <SafeLink\n                  to=\"https://www.instagram.com/socialjusticechairsu/\"\n                  css={tw`text-maroon text-xl`}\n                >\n                  <FaInstagram\n                    css={tw`inline mr-2 hover:text-dark-gray text-5xl align-middle`}\n                  />\n                  @socialjusticechairsu\n                </SafeLink>\n              </p>\n            </div>\n            <div className=\"col-span-2\">\n              <h3>Send us a request for collaboration</h3>\n              <form action=\"https://usebasin.com/f/44697ef058ef\" method=\"POST\">\n                <label class=\"block mb-5\">\n                  <span class=\"text-dark\">Organisation/individual's name:</span>\n                  <input\n                    class=\"form-input mt-1 block w-full\"\n                    name=\"name\"\n                    placeholder=\"John Smith\"\n                  />\n                </label>\n                <label class=\"block mb-5\">\n                  <span class=\"text-dark\">Website (if available):</span>\n                  <input\n                    class=\"form-input mt-1 block w-full\"\n                    name=\"website\"\n                    placeholder=\"https://www.example.co.za\"\n                  />\n                </label>\n                <label class=\"block mb-5\">\n                  <span class=\"text-dark\">Contact person email:</span>\n                  <input\n                    class=\"form-input mt-1 block w-full\"\n                    name=\"email\"\n                    placeholder=\"john@smith.com\"\n                  />\n                </label>\n                <label for=\"phone\" css={tw`mb-5`}>\n                  <span css={tw`block`}>Contact person phone:</span>\n                  <input\n                    name=\"phone\"\n                    type=\"text\"\n                    placeholder=\"+27 72 123 4567\"\n                    className=\"form-input mt-1 block w-full\"\n                  />\n                </label>\n                <label for=\"type\" css={tw`mb-5`}>\n                  <span>\n                    <span css={tw`block`}>\n                      What kind of collaboration are you primarily interested\n                      in?\n                    </span>\n                  </span>\n                  <select name=\"type\" className=\"form-select\">\n                    <option>Joint development</option>\n                    <option>Sponsorship</option>\n                    <option>Funding</option>\n                    <option>Research Projects</option>\n                  </select>\n                </label>\n                <label class=\"block mb-5\">\n                  <span class=\"text-dark\">Your message</span>\n                  <textarea\n                    class=\"form-textarea mt-1 block w-full\"\n                    rows=\"3\"\n                    name=\"message\"\n                    placeholder=\"I'm interested in...\"\n                  ></textarea>\n                </label>\n                {/*<label class=\"flex items-center mb-5\">\n                  <input\n                    type=\"checkbox\"\n                    name=\"privacy-policy-agreed\"\n                    class=\"form-checkbox\"\n                  />\n                  <span class=\"ml-2\">\n                    I agree to the{\" \"}\n                    <SafeLink\n                      to=\"/privacy-policy/\"\n                      css={tw`border-b-2 border-primary hover:text-primary`}\n                      forceBlank\n                    >\n                      privacy policy\n                    </SafeLink>\n                  </span>\n  </label>*/}\n                <Button type=\"submit\" size=\"md\">\n                  Submit &rarr;\n                </Button>\n              </form>\n            </div>\n          </Grid>\n        </div>\n      </Section>\n    </Layout>\n  )\n}\n\nexport default Collaborate\n\nexport const pageQuery = graphql`\n  query {\n    profMadonsela: file(relativePath: { eq: \"home-profmadonsela.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_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":""}