Re-added the Data Portal text for the logos

ghga-de · Dec 2, 2024 · 8615581 · 8615581
1 parent cc16803
commit 8615581
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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(
     (