Skip to content

Commit

Permalink
Merge pull request #614 from CodeForAfrica/ft/our-mission
Browse files Browse the repository at this point in the history 
Our Mission block
  • Loading branch information
@kelvinkipruto
kelvinkipruto authored Sep 27, 2023
2 parents 2cae54d + 0057ae3 commit 83edcfa
Show file tree
Hide file tree
Showing 7 changed files with 611 additions and 46 deletions.
Binary file added apps/codeforafrica/public/images/cms/blocks/our_mission.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 33 additions & 41 deletions apps/codeforafrica/src/components/OurMission/OurMission.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { Section } from "@commons-ui/core";
import { RichTypography } from "@commons-ui/next";
import React from "react";

import CMSContent from "@/codeforafrica/components/CMSContent";
import RichText from "@/codeforafrica/components/RichText";

const OurMission = React.forwardRef(function OurMission(props, ref) {
const { description, subtitle, sx, title } = props;
Expand All @@ -11,47 +11,39 @@ const OurMission = React.forwardRef(function OurMission(props, ref) {
return null;
}
return (
<React.Fragment ref={ref}>
<Section sx={sx}>
<RichTypography variant="h4" sx={{ mb: "30px" }}>
{title}
</RichTypography>
<RichTypography
variant="h4"
sx={{ mb: "30px", typography: { md: "h2" } }}
>
{subtitle}
</RichTypography>
<RichTypography
sx={{
mb: "30px",
"& h2": {
typography: { xs: "h4", md: "h2" },
},
"& p, & li": {
typography: { xs: "body1", md: "subheading" },
},
}}
>
{description}
</RichTypography>
</Section>
<CMSContent
TypographyProps={{
sx: {
mb: "30px",
"& h2": {
typography: { xs: "h4", md: "h2" },
},
"& p, & li": {
typography: { xs: "body1", md: "subheading" },
},
},
}}
<Section
sx={{
my: 10,
...sx,
}}
ref={ref}
>
<RichTypography variant="h4" sx={{ mb: "30px" }}>
{title}
</RichTypography>
<RichTypography
variant="h4"
sx={{ mb: "30px", typography: { md: "h2" } }}
>
{description}
</CMSContent>
</React.Fragment>
{subtitle}
</RichTypography>
<RichText
elements={description}
sx={(theme) => ({
mb: "30px",
"& h2": {
typography: { xs: "h4", md: "h2" },
},
"& p,& a, & li": {
typography: { xs: "body1", md: "subheading" },
mb: 2,
},
"& a": {
textDecorationColor: theme.palette.primary.main,
},
})}
/>
</Section>
);
});

Expand Down
204 changes: 200 additions & 4 deletions apps/codeforafrica/src/components/OurMission/OurMission.snap.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,212 @@
exports[`<OurMission /> renders unchanged 1`] = `
<div>
<div
class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-eoqn3z-MuiContainer-root"
class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-t9cczc-MuiContainer-root"
>
<div
class="MuiTypography-root MuiTypography-h4 css-1mfb3bx-MuiTypography-root"
>
Our mission
</div>
<div
class="MuiTypography-root MuiTypography-h4 css-aeuk2u-MuiTypography-root"
>
Our mission subtitle
</div>
<div
class="MuiBox-root css-1qx9nsh"
>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://openafrica.net/"
rel="noreferrer noopener"
target="_blank"
>
openAFRICA
</a>
 and 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://sourceafrica.net/"
rel="noreferrer noopener"
target="_blank"
>
sourceAFRICA
</a>
. CfA incubates initiatives as diverse as the 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://africandrone.org/"
rel="noreferrer noopener"
target="_blank"
>
africanDRONE
</a>
 network, the 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://pesacheck.org/"
rel="noreferrer noopener"
target="_blank"
>
PesaCheck
</a>
 fact-checking initiative and the 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://sensors.africa/"
rel="noreferrer noopener"
target="_blank"
>
sensors.AFRICA
</a>
 air quality sensor network.
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
CfA manages the 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://investigate.africa/"
rel="noreferrer noopener"
target="_blank"
>
African Network of Centres for Investigative Reporting
</a>
 (ANCIR), which gives the continent’s top muckraking newsrooms the best possible 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://data.investigate.africa/"
rel="noreferrer noopener"
target="_blank"
>
forensic data tools
</a>
, 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://getoutline.org/"
rel="noreferrer noopener"
target="_blank"
>
digital security
</a>
 and 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://afrileaks.org/"
rel="noreferrer noopener"
target="_blank"
>
whistleblower encryption
</a>
 to help improve their ability to tackle crooked politicians, organised crime and predatory big business. CfA runs 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://academy.africa/"
rel="noreferrer noopener"
target="_blank"
>
academy.AFRICA
</a>
, one of the continent’s largest 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://courses.academy.africa/"
rel="noreferrer noopener"
target="_blank"
>
skills development
</a>
 initiatives for digital journalists, and seed funds cross-border collaboration. CfA’s research and analysis programme 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://civicsignal.africa/#/home"
rel="noreferrer noopener"
target="_blank"
>
CivicSignal
</a>
 offers actionable insights to help navigate Africa’s media ecosystem and emerging civic technology sector using machine learning tools and ‘big data’ resources.
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
CfA is registered as a non-profit organisation in South Africa, registration number 168–092, and in Kenya with registration number CPR/2016/220101.
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
<strong>
Partnering for excellence
</strong>
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
<strong>
Guiding Principles
</strong>
</p>
<p
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
CfA shares a covenant with the rest of the 
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiTypography-root MuiTypography-body1 active css-hpqj4d-MuiTypography-root-MuiLink-root-MuiTypography-root"
href="https://codeforall.org/"
rel="noreferrer noopener"
target="_blank"
>
Code for All
</a>
 federation, based on the following guiding principles:
</p>
<ol
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
<li
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</li>
<li
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</li>
<li
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</li>
<li
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</li>
<li
class="MuiTypography-root MuiTypography-body1 css-fc9h1t-MuiTypography-root"
>
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.
</li>
</ol>
</div>
</div>
<section
class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed MuiContainer-disableGutters css-1y3f71u-MuiContainer-root"
/>
</div>
`;
Loading

0 comments on commit 83edcfa

Please sign in to comment.