diff --git a/components/OurPartnersCardContent/OurPartnersCardContent.tsx b/components/OurPartnersCardContent/OurPartnersCardContent.tsx deleted file mode 100644 index 984a33d51..000000000 --- a/components/OurPartnersCardContent/OurPartnersCardContent.tsx +++ /dev/null @@ -1,118 +0,0 @@ -import { useTranslation } from "next-i18next" -import Image from "react-bootstrap/Image" -import { Row, Col } from "../bootstrap" - -const NuLawLabCardContent = () => { - const { t } = useTranslation("common") - return ( - <> - - - {t("partnerLogos.NuLaw")} - - -

- The{" "} - - NuLawLab - {" "} - is the interdisciplinary innovation laboratory at{" "} - - Northeastern University School of Law - - . -

-

- The Lab is a leader in the{" "} - - global legal design movement - {" "} - and incubates projects that advance the democratization of law. -

- - - - ) -} - -const CodeForBostonCardContent = () => { - const { t } = useTranslation("common") - - return ( - <> - - - {t("partnerLogos.CodeForBoston")} - - -

- Code for Boston addresses local social and civic challenges through - creative uses of technology. Despite the name, they are not solely - focused on coding!

-

They foster relationships between government, nonprofit, - academic, for-profit companies, residents, civic technologists, - analysts, designers, and many more.{" "} - - Code for Boston's volunteer contributors - {" "} - have led the technical implementation and development of this - website and platform as an open source project ( - - see our repository on GitHub - - ). -

- - - - ) -} - -const OpenCollectiveContent = () => { - const { t } = useTranslation("common") - - return ( - <> - - - partners in democracy logo - - -

- {t("partners.pid")} -

- - - - ) -} - -export { NuLawLabCardContent, CodeForBostonCardContent, OpenCollectiveContent } diff --git a/components/OurTeam/Partners.tsx b/components/OurTeam/Partners.tsx index 801465a80..b1f649fd6 100644 --- a/components/OurTeam/Partners.tsx +++ b/components/OurTeam/Partners.tsx @@ -1,85 +1,63 @@ -import { useTranslation } from "next-i18next" -import styled from "styled-components" +import { useTranslation, Trans } from "next-i18next" import AboutPagesCard from "../AboutPagesCard/AboutPagesCard" import { Col, Container, Row } from "../bootstrap" -import { - CodeForBostonCardContent, - NuLawLabCardContent, - OpenCollectiveContent -} from "../OurPartnersCardContent/OurPartnersCardContent" import { PageTitle, PageDescr } from "../shared/CommonComponents" +import Image from "react-bootstrap/Image" -export const OurPartners = () => { - const { t } = useTranslation("common") +const LocalizedContent = (props: { + i18nKey: string + linkClassName?: string +}) => ( + + ) + }} + /> +) +const PartnerContentCard = ({ src, org }: { src: string; org: string }) => { + const { t } = useTranslation("partners") + const orgTitle = t(`${org}.title`) return ( - - - - {t("partners.header")} - - - - - - {t("partners.desc1")} - - {" "} - {t("partners.desc2")} - {" "} - {t("partners.desc3")} - - {" "} - {t("partners.desc4")} - {" "} - {t("partners.desc5")}{" "} - - {t("partners.desc6")} - - . - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + {t("logo", + + +

+ +

+ + + + + ) } -const StyleLink = styled.a` - text-decoration: none; - color: var(--bs-blue); -` +export const OurPartners = () => ( + + {useTranslation("partners").t("title")} + + + + + + + +) diff --git a/pages/about/our-team.tsx b/pages/about/our-team.tsx index 18b2b5731..9ba211ce3 100644 --- a/pages/about/our-team.tsx +++ b/pages/about/our-team.tsx @@ -17,5 +17,6 @@ export const getStaticProps = createGetStaticTranslationProps([ "auth", "common", "footer", - "our-team" + "our-team", + "partners" ]) diff --git a/public/locales/en/common.json b/public/locales/en/common.json index eab8fbaf4..b05170869 100644 --- a/public/locales/en/common.json +++ b/public/locales/en/common.json @@ -99,16 +99,6 @@ "noResults": "No Results", "noNewsUpdates": "There are no news updates for your current followed topics", "orgs": "Organizations", - "partners": { - "header": "Our Partners", - "desc1": "The project is developed in partnership between the", - "desc2": "NuLawLab", - "desc3": "and scholars at", - "desc4": "Boston College Law School", - "desc5": "and", - "desc6": "Harvard University's Berkman Klein Center for Internet & Society", - "pid": "MAPLE is an initiative of Partners in Democracy - Education, a 501(c)(3) non profit organization. Partners In Democracy is building nationwide partnerships and exploring how we can drive democracy renovation efforts forward in states around the country — starting by focusing our efforts here at home in Massachusetts." - }, "pending_upgrade_warning": { "header": "Organization Request In Progress", "content": "Your request to be upgraded to an organization is currently in progress. You will be notified by email when your request has been reviewed." diff --git a/public/locales/en/partners.json b/public/locales/en/partners.json new file mode 100644 index 000000000..12b098994 --- /dev/null +++ b/public/locales/en/partners.json @@ -0,0 +1,17 @@ +{ + "title": "Our Partners", + "logo": "{{org}} logo", + "desc": "The project is developed in partnership between the NuLawLab and scholars at Boston College Law School and Harvard University's Berkman Klein Center for Internet & Society.", + "nulawlab": { + "title": "NuLawLab", + "content": "The NuLawLab is the interdisciplinary innovation laboratory at Northeastern University School of Law.

The Lab is a leader in the global legal design movement and incubates projects that advance the democratization of law." + }, + "codeforboston": { + "title": "Code for Boston", + "content": "Code for Boston addresses local social and civic challenges through creative uses of technology. Despite the name, they are not solely focused on coding!

They foster relationships between government, nonprofit, academic, for-profit companies, residents, civic technologists, analysts, designers, and many more. Code for Boston's volunteer contributors have led the technical implementation and development of this website and platform as an open source project (see our repository on GitHub)." + }, + "pid": { + "title": "Partners in Democracy", + "content": "MAPLE is an initiative of Partners in Democracy - Education, a 501(c)(3) non profit organization. Partners In Democracy is building nationwide partnerships and exploring how we can drive democracy renovation efforts forward in states around the country — starting by focusing our efforts here at home in Massachusetts." + } +}