From 272c5e2a62bcf4d8cadef06053b021feed539d7b Mon Sep 17 00:00:00 2001 From: Florian Nachtigall Date: Fri, 9 Oct 2026 13:00:40 +0200 Subject: [PATCH 1/9] Redesign landing page: affiliations, citation, acknowledgment, Impressum - Logos above the title, type selector tabs with detail view, map and boxplots - Fix boxplot panel collapsing (explicit plot frame height) and responsive columns - Fix TypeMap never showing cities (data loaded after map init), fit world view - Citation with BibTeX and copy icon; acknowledgment in a shared site footer - New /impressum page with PIK address and map Closes #11 --- public/logos/epfl.svg | 1 + public/logos/eth-zurich.svg | 3 + public/logos/pik.png | Bin 0 -> 3000 bytes public/logos/tu-berlin.svg | 1 + src/components/ImpressumPage.jsx | 52 +++ src/components/LandingPage.jsx | 431 ++++++++++++------- src/components/SiteFooter.jsx | 28 ++ src/components/TypeMap.jsx | 177 ++++---- src/components/TypeMetricsPlot.jsx | 179 +++++--- src/main.jsx | 3 +- src/styles/impressum.css | 95 +++++ src/styles/landing.css | 662 +++++++++++++++++++++-------- src/styles/site-footer.css | 54 +++ 13 files changed, 1189 insertions(+), 497 deletions(-) create mode 100644 public/logos/epfl.svg create mode 100644 public/logos/eth-zurich.svg create mode 100644 public/logos/pik.png create mode 100644 public/logos/tu-berlin.svg create mode 100644 src/components/ImpressumPage.jsx create mode 100644 src/components/SiteFooter.jsx create mode 100644 src/styles/impressum.css create mode 100644 src/styles/site-footer.css diff --git a/public/logos/epfl.svg b/public/logos/epfl.svg new file mode 100644 index 0000000..2abe038 --- /dev/null +++ b/public/logos/epfl.svg @@ -0,0 +1 @@ +epfl-logo-new \ No newline at end of file diff --git a/public/logos/eth-zurich.svg b/public/logos/eth-zurich.svg new file mode 100644 index 0000000..9682665 --- /dev/null +++ b/public/logos/eth-zurich.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/logos/pik.png b/public/logos/pik.png new file mode 100644 index 0000000000000000000000000000000000000000..2e2eae884290725d9454c5c45819fc14daef8081 GIT binary patch literal 3000 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 Ibe$jn3%y38ZvX%Q literal 0 HcmV?d00001 diff --git a/public/logos/tu-berlin.svg b/public/logos/tu-berlin.svg new file mode 100644 index 0000000..2ca64e2 --- /dev/null +++ b/public/logos/tu-berlin.svg @@ -0,0 +1 @@ + diff --git a/src/components/ImpressumPage.jsx b/src/components/ImpressumPage.jsx new file mode 100644 index 0000000..dc5e333 --- /dev/null +++ b/src/components/ImpressumPage.jsx @@ -0,0 +1,52 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import SiteFooter from "./SiteFooter"; +import "../styles/impressum.css"; + +const PIK_MAP_EMBED = + "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2435.4479936464554!2d13.0635074!3d52.3804286!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a8f5966fb9462f%3A0xb7e9d470cb3893f8!2sPotsdam%20Institute%20for%20Climate%20Impact%20Research!5e0!3m2!1sen!2sde!4v1791541318747!5m2!1sen!2sde"; + +const ImpressumPage = () => ( +
+
+ + ← Back to overview + +

Impressum

+ +
+
+
+

Address

+
+ Potsdam-Institut für Klimafolgenforschung (PIK) e.V. +
+ Telegrafenberg A 31 +
+ 14473 Potsdam +
+ Germany +
+
+
+

Contact

+

Email: nachtigall(at)tu-berlin.de

+
+
+ +
+