From 76ed87bb8920a16e650ce999acc714cd4c4f9bd2 Mon Sep 17 00:00:00 2001 From: Sebastian Herrmann Date: Wed, 9 Aug 2023 14:40:33 +0200 Subject: [PATCH] Add website footer --- i18n/de.json | 12 ++++ i18n/en.json | 12 ++++ public/images/sen-kugz-logo.svg | 1 + public/images/tsb-logo.svg | 1 + src/components/HomePage/Footer/index.tsx | 83 ++++++++++++++++++++++++ src/components/HomePage/index.tsx | 3 +- 6 files changed, 111 insertions(+), 1 deletion(-) create mode 100644 public/images/sen-kugz-logo.svg create mode 100644 public/images/tsb-logo.svg create mode 100644 src/components/HomePage/Footer/index.tsx diff --git a/i18n/de.json b/i18n/de.json index 6bb4391..dd750c9 100644 --- a/i18n/de.json +++ b/i18n/de.json @@ -30,6 +30,18 @@ "title": "Ihr macht die Kultur, wir sagen allen Bescheid", "subtitle": "kulturdaten.berlin – für Kulturakteur:innen", "description": "Was? Wann? Wer? Wo? Für wen? Wie lange? Um im Web gefunden zu werden, müssen Kulturschaffende ihr Programm an vielen Stellen mühsam händisch einpflegen. Mit der Plattform kulturdaten.berlin wollen wir diesen Prozess radikal vereinfachen! \n\nDeswegen entwickeln wir gemeinsam mit Kulturakteur:innen und -institutionen die erste offene, digitale Infrastruktur für Kulturdaten in Berlin: Gefördert durch die Senatsverwaltung für Kultur und Europa entsteht zurzeit eine zentrale Datendrehscheibe, die ihre Kulturdaten strukturieren, bündeln und mit zahlreichen Portalen zielgerichtet vernetzen kann. \n\nNatürlich können nicht nur Institutionen, sondern insbesondere auch Kollektive und Solokünstler:innen ihre Profile und Angebote über kulturdaten.berlin publizieren." + }, + "footer": { + "address-title": "Adresse", + "address-content": "Technologiestiftung Berlin\nGrunewaldstr. 61-62\n10825 Berlin", + "email-title": "E-Mail", + "email-content": "kontakt@kulturdaten.berlin", + "link-privacy-policy": "Datenschutzrichtlinie", + "link-imprint": "Impressum", + "project-by": "Ein Projekt der", + "supported-by": "gefördert von", + "tsb-logo-alt": "Technologiestiftung Berlin", + "sen-kugz-logo-alt": "Senatsverwaltung für Kultur und Gesellschaftlichen Zusammenhalt Berlin" } } } diff --git a/i18n/en.json b/i18n/en.json index 92c0893..7e9345f 100644 --- a/i18n/en.json +++ b/i18n/en.json @@ -30,6 +30,18 @@ "title": "You do the culture, we’ll let everyone know", "subtitle": "kulturdaten.berlin - for cultural actors", "description": "What? When? Who? Where? For whom? For how long? In order to be found on the web, cultural professionals have to painstakingly enter their programs manually in many places. With the platform kulturdaten.berlin we want to radically simplify this process! \n\nThat’s why we’re working with cultural actors and institutions to develop the first open, digital infrastructure for cultural data in Berlin. Funded by the Senate Department for Culture and Europe, we’re currently creating a central data hub that can structure and bundle cultural data and network it with numerous portals in a targeted manner. \n\nOf course, not only institutions, but also collectives and solo artists in particular can publish their profiles and offerings via kulturdaten.berlin." + }, + "footer": { + "address-title": "Address", + "address-content": "Technologiestiftung Berlin\nGrunewaldstr. 61-62\n10825 Berlin", + "email-title": "E-mail", + "email-content": "kontakt@kulturdaten.berlin", + "link-privacy-policy": "Privacy policy", + "link-imprint": "Imprint", + "project-by": "A project by", + "supported-by": "supported by", + "tsb-logo-alt": "Technologiestiftung Berlin", + "sen-kugz-logo-alt": "Senatsverwaltung für Kultur und Gesellschaftlichen Zusammenhalt Berlin" } } } diff --git a/public/images/sen-kugz-logo.svg b/public/images/sen-kugz-logo.svg new file mode 100644 index 0000000..89f5552 --- /dev/null +++ b/public/images/sen-kugz-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tsb-logo.svg b/public/images/tsb-logo.svg new file mode 100644 index 0000000..b55eae4 --- /dev/null +++ b/public/images/tsb-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HomePage/Footer/index.tsx b/src/components/HomePage/Footer/index.tsx new file mode 100644 index 0000000..c9b5b5f --- /dev/null +++ b/src/components/HomePage/Footer/index.tsx @@ -0,0 +1,83 @@ +import styled from "@emotion/styled"; +import { useTranslations } from "next-intl"; +import { colors, fontWeights, spacings, widths } from "../../../common/styleVariables"; +import Link, { LinkInternal } from "../../Link"; +import Spacer from "../../Spacer"; +import Section from "../Section"; + +const StyledFooter = styled.footer({ + width: `min(100%, ${widths.maxContentWidth})`, + margin: "0 auto", + color: colors.blueDark, +}); + +const InnerContainer = styled.div({ + display: "flex", + flexWrap: "wrap", + gap: spacings.get(5), + justifyContent: "space-between", +}); + +const Address = styled.address({ + flex: "0 1 40%", + fontStyle: "normal", +}); + +const Title = styled.strong({ + fontWeight: fontWeights.medium, +}); + +const Content = styled.div({ + whiteSpace: "pre-line", +}); + +const PageLinks = styled.div({ + flex: "0 1 40%", + display: "flex", + flexDirection: "column", +}); + +const LogoTitle = styled.div({ + marginBottom: spacings.get(2), +}); + +export default function Footer() { + const t = useTranslations("Home.footer"); + return ( + +
+ +
+ {t("address-title")} + {t("address-content")} +
+ {t("email-title")} + + {t("email-content")} + +
+ + {t("link-privacy-policy")} + + {t("link-imprint")} + + + + +
+ {t("project-by")} + + {t("tsb-logo-alt")} + +
+
+ {t("supported-by")} + + {t("sen-kugz-logo-alt")} + +
+ +
+ + ); +} diff --git a/src/components/HomePage/index.tsx b/src/components/HomePage/index.tsx index b954922..b1c2374 100644 --- a/src/components/HomePage/index.tsx +++ b/src/components/HomePage/index.tsx @@ -1,6 +1,7 @@ import styled from "@emotion/styled"; import { widths } from "../../common/styleVariables"; import ArtistSection from "../ArtistSection"; +import Footer from "./Footer"; import Head from "./Head"; import IntroSection from "./IntroSection"; import NewsletterSection from "./NewsletterSection"; @@ -30,8 +31,8 @@ export default function HomePage() {
…
-
…
+