diff --git a/apps/codeforafrica/public/images/cms/blocks/our_mission.jpg b/apps/codeforafrica/public/images/cms/blocks/our_mission.jpg new file mode 100644 index 000000000..e6b4fc1b0 Binary files /dev/null and b/apps/codeforafrica/public/images/cms/blocks/our_mission.jpg differ diff --git a/apps/codeforafrica/src/components/OurMission/OurMission.js b/apps/codeforafrica/src/components/OurMission/OurMission.js index 96cdb9950..78da91361 100644 --- a/apps/codeforafrica/src/components/OurMission/OurMission.js +++ b/apps/codeforafrica/src/components/OurMission/OurMission.js @@ -11,7 +11,13 @@ const OurMission = React.forwardRef(function OurMission(props, ref) { return null; } return ( -
+
{title} @@ -23,15 +29,19 @@ const OurMission = React.forwardRef(function OurMission(props, ref) { ({ mb: "30px", "& h2": { typography: { xs: "h4", md: "h2" }, }, - "& p, & li": { + "& p,& a, & li": { typography: { xs: "body1", md: "subheading" }, + mb: 2, }, - }} + "& a": { + textDecorationColor: theme.palette.primary.main, + }, + })} />
); diff --git a/apps/codeforafrica/src/components/OurMission/OurMission.snap.js b/apps/codeforafrica/src/components/OurMission/OurMission.snap.js index 1c53c4200..ca34550cb 100644 --- a/apps/codeforafrica/src/components/OurMission/OurMission.snap.js +++ b/apps/codeforafrica/src/components/OurMission/OurMission.snap.js @@ -3,7 +3,7 @@ exports[` renders unchanged 1`] = `
renders unchanged 1`] = `
- Our mission + Our mission subtitle

- Women make up only 22% of the people seen, heard or read about in the news in Africa, the results of the  + CfA builds digital democracy solutions that give citizens unfettered access to actionable information that empowers them to make informed decisions, which strengthens civic engagement for improved public governance and accountability. This includes building infrastructures like the continent’s largest open data portals at  + + openAFRICA + +  and  + + sourceAFRICA + + . CfA incubates initiatives as diverse as the  + + africanDRONE + +  network, the  + + PesaCheck + +  fact-checking initiative and the  + + sensors.AFRICA + +  air quality sensor network. +

+

+ CfA manages the  + + African Network of Centres for Investigative Reporting + +  (ANCIR), which gives the continent’s top muckraking newsrooms the best possible  + + forensic data tools + + ,  + + digital security + +  and  + + whistleblower encryption + +  to help improve their ability to tackle crooked politicians, organised crime and predatory big business. CfA runs  + + academy.AFRICA + + , one of the continent’s largest  + + skills development + +  initiatives for digital journalists, and seed funds cross-border collaboration. CfA’s research and analysis programme  + + CivicSignal + +  offers actionable insights to help navigate Africa’s media ecosystem and emerging civic technology sector using machine learning tools and ‘big data’ resources. +

+

+ CfA is non-partisan and does not support or oppose any political party or candidate. We do not undertake any advocacy work either for ourselves or on behalf of others. +

+

+ CfA is registered as a non-profit organisation in South Africa, registration number 168–092, and in Kenya with registration number CPR/2016/220101. +

+

+ + Partnering for excellence + +

+

+ Collaborations and partnerships are at the heart of our work. To build digital democracies, we partner with organisations aligned with CfA values, acting as a catalyst for new initiatives and strengthening the local ecosystem by investing in and working through these partnerships. +

+

+ + Guiding Principles + +

+

+ CfA shares a covenant with the rest of the  - Global Media Monitoring Project + Code for All -  report launched on 14 July show. The performance of the continent’s news media has stagnated in comparison to the media in the rest of the world which has improved in the quarter century that the research has been running. +  federation, based on the following guiding principles:

+
    +
  1. + We show what’s possible. CfA seeks to be a catalyst by lowering the political risk of experimentation through creating successful proofs of concept for liberating civic data, for building enabling technologies and for pioneering sustainable revenue models. The organisation also endeavours to lower the financial costs for technology experimentation by creating and managing ‘shared’ backbone civic technology, and availing resources for rapid innovation. +
    2. +
  2. + We empower citizens. Empowering citizens is central to CfA’s theory of change. Strong democracies rely on engaged citizens who have actionable information and easy-to-use channels for making their will known. CfA works primarily with citizen organisations and civic watchdogs, including the media and also supports government and social enterprises in developing their capacity to respond meaningfully to citizens and to collaborate effectively with them. +
    3. +
  3. + We are action-oriented. African societies are asymmetric: the balance of power rests with governments and corporate institutions, at the expense of citizens who are treated as passive recipients of consultation or services. CfA seeks to change this by focusing on actionable data and action-oriented tools that give agency to citizens. +
    4. +
  4. + We operate in public. CfA promotes openness in our operations and in the work of our partners. All digital tools utilised are open source, and the organisation’s information is open data. CfA actively encourages documentation, sharing and collaboration, in addition to reuse of our own tools, programmes and processes, as well as those of our partners. +
    5. +
  5. + We help build ecosystems. CfA actively marshals resources to support the growth of a pan-African ecosystem of civic technologists. Whenever possible, this means reusing existing tools, standards and platforms, encouraging integration and extension. CfA operates as a pan-African federation of organisations who are active members of a global community, leveraging each other’s knowledge and resources. +
    6. +
diff --git a/apps/codeforafrica/src/components/OurMission/OurMission.test.js b/apps/codeforafrica/src/components/OurMission/OurMission.test.js index 7e37180a3..38359d399 100644 --- a/apps/codeforafrica/src/components/OurMission/OurMission.test.js +++ b/apps/codeforafrica/src/components/OurMission/OurMission.test.js @@ -9,30 +9,330 @@ import theme from "@/codeforafrica/theme"; const render = createRender({ theme }); const defaultProps = { title: "Our mission", - subtitle: "Our mission", + subtitle: "Our mission subtitle", description: [ { children: [ { - text: "Women make up only 22% of the people seen, heard or read about in the news in Africa, the results of the ", + text: "CfA builds digital democracy solutions that give citizens unfettered access to actionable information that empowers them to make informed decisions, which strengthens civic engagement for improved public governance and accountability. This includes building infrastructures like the continent’s largest open data portals at ", children: null, }, { type: "link", newTab: false, - url: "https://whomakesthenews.org/gmmp-2020-final-reports/", + url: "https://openafrica.net/", children: [ { - text: "Global Media Monitoring Project", + text: "openAFRICA", children: null, }, ], - href: "https://whomakesthenews.org/gmmp-2020-final-reports/", + href: "https://openafrica.net/", }, { - text: " report launched on 14 July show. The performance of the continent’s news media has stagnated in comparison to the media in the rest of the world which has improved in the quarter century that the research has been running.", + text: " and ", children: null, }, + { + type: "link", + newTab: false, + url: "https://sourceafrica.net/", + children: [ + { + text: "sourceAFRICA", + children: null, + }, + ], + href: "https://sourceafrica.net/", + }, + { + text: ". CfA incubates initiatives as diverse as the ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://africandrone.org/", + children: [ + { + text: "africanDRONE", + children: null, + }, + ], + href: "https://africandrone.org/", + }, + { + text: " network, the ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://pesacheck.org/", + children: [ + { + text: "PesaCheck", + children: null, + }, + ], + href: "https://pesacheck.org/", + }, + { + text: " fact-checking initiative and the ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://sensors.africa/", + children: [ + { + text: "sensors.AFRICA", + children: null, + }, + ], + href: "https://sensors.africa/", + }, + { + text: " air quality sensor network.", + children: null, + }, + ], + }, + { + children: [ + { + text: "CfA manages the ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://investigate.africa/", + children: [ + { + text: "African Network of Centres for Investigative Reporting", + children: null, + }, + ], + href: "https://investigate.africa/", + }, + { + text: " (ANCIR), which gives the continent’s top muckraking newsrooms the best possible ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://data.investigate.africa/", + children: [ + { + text: "forensic data tools", + children: null, + }, + ], + href: "https://data.investigate.africa/", + }, + { + text: ", ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://getoutline.org/", + children: [ + { + text: "digital security", + children: null, + }, + ], + href: "https://getoutline.org/", + }, + { + text: " and ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://afrileaks.org/", + children: [ + { + text: "whistleblower encryption", + children: null, + }, + ], + href: "https://afrileaks.org/", + }, + { + text: " to help improve their ability to tackle crooked politicians, organised crime and predatory big business. CfA runs ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://academy.africa/", + children: [ + { + text: "academy.AFRICA", + children: null, + }, + ], + href: "https://academy.africa/", + }, + { + text: ", one of the continent’s largest ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://courses.academy.africa/", + children: [ + { + text: "skills development", + children: null, + }, + ], + href: "https://courses.academy.africa/", + }, + { + text: " initiatives for digital journalists, and seed funds cross-border collaboration. CfA’s research and analysis programme ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://civicsignal.africa/#/home", + children: [ + { + text: "CivicSignal", + children: null, + }, + ], + href: "https://civicsignal.africa/#/home", + }, + { + text: " offers actionable insights to help navigate Africa’s media ecosystem and emerging civic technology sector using machine learning tools and ‘big data’ resources.", + children: null, + }, + ], + }, + { + children: [ + { + text: "CfA is non-partisan and does not support or oppose any political party or candidate. We do not undertake any advocacy work either for ourselves or on behalf of others.", + children: null, + }, + ], + }, + { + children: [ + { + text: "CfA is registered as a non-profit organisation in South Africa, registration number 168–092, and in Kenya with registration number CPR/2016/220101.", + children: null, + }, + ], + }, + { + children: [ + { + text: "Partnering for excellence", + bold: true, + children: null, + }, + ], + }, + { + children: [ + { + text: "Collaborations and partnerships are at the heart of our work. To build digital democracies, we partner with organisations aligned with CfA values, acting as a catalyst for new initiatives and strengthening the local ecosystem by investing in and working through these partnerships.", + children: null, + }, + ], + }, + { + children: [ + { + text: "Guiding Principles", + bold: true, + children: null, + }, + ], + }, + { + children: [ + { + text: "CfA shares a covenant with the rest of the ", + children: null, + }, + { + type: "link", + newTab: false, + url: "https://codeforall.org/", + children: [ + { + text: "Code for All", + children: null, + }, + ], + href: "https://codeforall.org/", + }, + { + text: " federation, based on the following guiding principles:", + children: null, + }, + ], + }, + { + type: "ol", + children: [ + { + type: "li", + children: [ + { + text: "We show what’s possible. CfA seeks to be a catalyst by lowering the political risk of experimentation through creating successful proofs of concept for liberating civic data, for building enabling technologies and for pioneering sustainable revenue models. The organisation also endeavours to lower the financial costs for technology experimentation by creating and managing ‘shared’ backbone civic technology, and availing resources for rapid innovation.", + children: null, + }, + ], + }, + { + type: "li", + children: [ + { + text: "We empower citizens. Empowering citizens is central to CfA’s theory of change. Strong democracies rely on engaged citizens who have actionable information and easy-to-use channels for making their will known. CfA works primarily with citizen organisations and civic watchdogs, including the media and also supports government and social enterprises in developing their capacity to respond meaningfully to citizens and to collaborate effectively with them.", + children: null, + }, + ], + }, + { + type: "li", + children: [ + { + text: "We are action-oriented. African societies are asymmetric: the balance of power rests with governments and corporate institutions, at the expense of citizens who are treated as passive recipients of consultation or services. CfA seeks to change this by focusing on actionable data and action-oriented tools that give agency to citizens.", + children: null, + }, + ], + }, + { + type: "li", + children: [ + { + text: "We operate in public. CfA promotes openness in our operations and in the work of our partners. All digital tools utilised are open source, and the organisation’s information is open data. CfA actively encourages documentation, sharing and collaboration, in addition to reuse of our own tools, programmes and processes, as well as those of our partners.", + children: null, + }, + ], + }, + { + type: "li", + children: [ + { + text: "We help build ecosystems. CfA actively marshals resources to support the growth of a pan-African ecosystem of civic technologists. Whenever possible, this means reusing existing tools, standards and platforms, encouraging integration and extension. CfA operates as a pan-African federation of organisations who are active members of a global community, leveraging each other’s knowledge and resources.", + children: null, + }, + ], + }, ], }, ], diff --git a/apps/codeforafrica/src/pages/[...slugs].page.js b/apps/codeforafrica/src/pages/[...slugs].page.js index 90dccaa64..1b781a8b2 100644 --- a/apps/codeforafrica/src/pages/[...slugs].page.js +++ b/apps/codeforafrica/src/pages/[...slugs].page.js @@ -15,6 +15,7 @@ import JoinOurSlack from "@/codeforafrica/components/JoinOurSlack"; import MeetOurTeam from "@/codeforafrica/components/MeetOurTeam"; import NewsAndStories from "@/codeforafrica/components/NewsAndStories"; import OurImpact from "@/codeforafrica/components/OurImpact"; +import OurMission from "@/codeforafrica/components/OurMission"; import OurPartners from "@/codeforafrica/components/OurPartners"; import OurTeam from "@/codeforafrica/components/OurTeam"; import PageHeader from "@/codeforafrica/components/PageHeader"; @@ -34,6 +35,7 @@ const componentsBySlugs = { "news-stories": NewsAndStories, "our-guiding-principles": GuidingPrinciplesCardList, "our-impact": OurImpact, + "our-mission": OurMission, "our-partners": OurPartners, "page-header": PageHeader, "our-team": OurTeam, diff --git a/apps/codeforafrica/src/payload/blocks/OurMission.js b/apps/codeforafrica/src/payload/blocks/OurMission.js new file mode 100644 index 000000000..3fbf1dbdf --- /dev/null +++ b/apps/codeforafrica/src/payload/blocks/OurMission.js @@ -0,0 +1,42 @@ +import richText from "../fields/richText"; + +const OurMission = { + slug: "our-mission", + imageURL: "/images/cms/blocks/our_mission.jpg", + imageAltText: "Show Mission Statement", + fields: [ + { + name: "title", + label: "Title", + type: "text", + required: true, + }, + { + name: "subtitle", + label: "Subtitle", + type: "text", + required: true, + }, + richText({ + name: "description", + label: "Description", + required: true, + admin: { + elements: [ + "h1", + "h2", + "h3", + "h4", + "h5", + "h6", + "link", + "ol", + "ul", + "indent", + ], + }, + }), + ], +}; + +export default OurMission; diff --git a/apps/codeforafrica/src/payload/collections/Pages.js b/apps/codeforafrica/src/payload/collections/Pages.js index 2aef30212..66ef89251 100644 --- a/apps/codeforafrica/src/payload/collections/Pages.js +++ b/apps/codeforafrica/src/payload/collections/Pages.js @@ -8,6 +8,7 @@ import Hero from "../blocks/Hero"; import JoinOurSlack from "../blocks/JoinOurSlack"; import MeetOurTeam from "../blocks/MeetOurTeam"; import OurImpact from "../blocks/OurImpact"; +import OurMission from "../blocks/OurMission"; import OurPartners from "../blocks/OurPartners"; import OurTeam from "../blocks/OurTeam"; import PageHeader from "../blocks/PageHeader"; @@ -58,6 +59,7 @@ const Pages = { PageHeader, CustomPageHeader, OurImpact, + OurMission, OurPartners, OurTeam, Stories,