fix(openchallenges): remove Sage from sponsor list (#2287)

* remove Sage from sponsor list * apply section-title styling * link out to ITCR website * use more descriptive variable name
Sage-Bionetworks · Oct 31, 2023 · c00cb4c · c00cb4c
1 parent de45fe6
commit c00cb4c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 23 deletions.
diff --git a/libs/openchallenges/home/src/lib/sponsor-list/sponsor-list.component.html b/libs/openchallenges/home/src/lib/sponsor-list/sponsor-list.component.html
@@ -1,22 +1,21 @@
 <section id="acknowledgements" class="mat-typography">
   <div class="container">
-    <p class="mat-body-strong text-center">OpenChallenges is made possible by...</p>
+    <h3 class="section-title">OpenChallenges is made possible by...</h3>
     <div class="sponsors-group row">
       <div class="col text-center sponsor-item">
-        <img
-          [src]="(itcr$ | async)?.url"
-          height="70px"
-          alt="Informatics Technology for Cancer Research (ITCR)"
-          title="Informatics Technology for Cancer Research"
-        />
-      </div>
-      <div class="col text-center sponsor-item">
-        <img
-          [src]="(sage$ | async)?.url"
-          height="80px"
-          alt="Sage Bionetworks"
-          title="Sage Bionetworks"
-        />
+        <a
+          href="https://itcr.cancer.gov/"
+          title="NCI Informatics Technology for Cancer Research"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            [src]="(itcrImage$ | async)?.url"
+            height="70px"
+            alt="Informatics Technology for Cancer Research (ITCR)"
+            title="Informatics Technology for Cancer Research"
+          />
+        </a>
       </div>
     </div>
   </div>

diff --git a/libs/openchallenges/home/src/lib/sponsor-list/sponsor-list.component.ts b/libs/openchallenges/home/src/lib/sponsor-list/sponsor-list.component.ts
@@ -15,21 +15,15 @@ import { Observable } from 'rxjs';
   styleUrls: ['./sponsor-list.component.scss'],
 })
 export class SponsorListComponent implements OnInit {
-  itcr$: Observable<Image> | undefined;
-  aws$: Observable<Image> | undefined;
-  sage$: Observable<Image> | undefined;
+  itcrImage$: Observable<Image> | undefined;
   readonly height = ImageHeight._140px;
 
   constructor(private imageService: ImageService) {}
 
   ngOnInit() {
-    this.itcr$ = this.imageService.getImage({
+    this.itcrImage$ = this.imageService.getImage({
       objectKey: 'logo/nci-itcr-alt.svg',
       height: this.height,
     });
-    this.sage$ = this.imageService.getImage({
-      objectKey: 'logo/sage-bionetworks-alt.svg',
-      height: this.height,
-    });
   }
 }