From 8615581d4d7301c97e49d9eb09b16e3f6ba5730f Mon Sep 17 00:00:00 2001
From: ac-jorellanaf <31940280+ac-jorellanaf@users.noreply.github.com>
Date: Mon, 2 Dec 2024 10:41:54 +0000
Subject: [PATCH] Re-added the Data Portal text for the logos

---
 .../site-footer/site-footer.component.html      |  9 ++++++---
 .../site-footer/site-footer.component.scss      |  5 +++++
 .../site-header/site-header.component.html      | 17 +++++++++++++----
 .../site-header/site-header.component.scss      |  5 +++++
 4 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/app/portal/features/site-footer/site-footer.component.html b/src/app/portal/features/site-footer/site-footer.component.html
index 3ef1aed..041d009 100644
--- a/src/app/portal/features/site-footer/site-footer.component.html
+++ b/src/app/portal/features/site-footer/site-footer.component.html
@@ -1,7 +1,10 @@
 <nav class="mt-2 w-full" color="primary">
   <div class="pt-px-5 flex flex-wrap justify-around pb-5 no-underline">
-    <a routerLink="/" class="mx-12 content-center text-center"
-      ><img src="assets/images/GHGA_logo.png" alt="GHGA Logo" class="max-h-24" /></a
+    <a routerLink="/" class="mx-12 content-center"
+      ><div class="flex w-full justify-center">
+        <img src="assets/images/GHGA_logo.png" alt="GHGA Logo" class="max-h-12" />
+      </div>
+      <div class="mt-3 border-t pt-2 text-4xl uppercase">Data Portal</div></a
     ><a href="https://ghga.de" class="mx-12 grow content-center text-center"
       ><span><mat-icon inline="true">globe</mat-icon></span
       >GHGA Website</a
@@ -13,7 +16,7 @@
       >FAQ</a
     ><a href="https://docs.ghga.de/" class="mx-12 grow content-center text-center"
       ><span><mat-icon inline="true">docs</mat-icon></span
-      >GHGA User<br />Documentaton</a
+      >GHGA User<br />Documentation</a
     >
   </div>
   <div class="swirl"></div>
diff --git a/src/app/portal/features/site-footer/site-footer.component.scss b/src/app/portal/features/site-footer/site-footer.component.scss
index 1e2eb86..c19535d 100644
--- a/src/app/portal/features/site-footer/site-footer.component.scss
+++ b/src/app/portal/features/site-footer/site-footer.component.scss
@@ -14,6 +14,11 @@ nav div a span {
   display: block;
 }
 
+nav div a div {
+  color: var(--mat-sys-inverse-primary);
+  border-color: var(--mat-sys-inverse-primary);
+}
+
 nav div.swirl {
   height: 70px;
   background: var(--svg-encoded);
diff --git a/src/app/portal/features/site-header/site-header.component.html b/src/app/portal/features/site-header/site-header.component.html
index f35fc9a..351dfc4 100644
--- a/src/app/portal/features/site-header/site-header.component.html
+++ b/src/app/portal/features/site-header/site-header.component.html
@@ -1,9 +1,18 @@
 <mat-toolbar class="py-2">
   <mat-toolbar-row class="align-center flex justify-between">
-    <div class="flex h-3/4 basis-1/4 items-center">
-      <a routerLink="/"
-        ><img src="assets/images/GHGA_logo_clean.png" class="max-h-12" alt="GHGA Logo"
-      /></a>
+    <div class="flex h-3/4 basis-1/4">
+      <a routerLink="/" class="flex w-full flex-nowrap items-center"
+        ><img
+          src="assets/images/GHGA_logo_clean.png"
+          class="max-h-12"
+          alt="GHGA Logo"
+        />
+        <div class="ms-2 border-l ps-2 pt-1 uppercase">
+          <span class="text-3xl leading-3 tracking-wider">Data</span><br /><span
+            >Portal</span
+          >
+        </div></a
+      >
     </div>
 
     <mat-nav-list class="basis-1/2 text-center">
diff --git a/src/app/portal/features/site-header/site-header.component.scss b/src/app/portal/features/site-header/site-header.component.scss
index 0f7bdcf..268324d 100644
--- a/src/app/portal/features/site-header/site-header.component.scss
+++ b/src/app/portal/features/site-header/site-header.component.scss
@@ -9,6 +9,11 @@ mat-toolbar {
   );
 }
 
+mat-toolbar-row div div {
+  color: var(--mat-sys-inverse-primary);
+  border-color: var(--mat-sys-inverse-primary);
+}
+
 a {
   @include mat.button-overrides(
     (