feat(openchallenges): update team page (#2248)

* add gaia to the team page

* list members in alphabetical order (exc. thomas & jake)

* revert team order

* add snippet about Sage near the top

* display sage logo

* add kudos

* place sage logo near top; update description

libs/openchallenges/team/src/lib/team.component.html

@@ -7,8 +7,9 @@
     />
     <h2>Meet Our Team</h2>
     <p class="mat-body-strong">
-      We're smart, we're hard-working, and we love <em>a good challenge</em>.
+      OpenChallenges was made by group of engineers and scientists at Sage Bioneworks.
     </p>
+    <img height="80px" [src]="(sage$ | async)?.url" alt="Sage Bionetworks" />
   </div>
   <div class="member-group">
     <div class="member-card">
@@ -62,6 +63,19 @@ <h3 class="card-name">Maria Diaz</h3>
         /></a>
       </div>
     </div>
+    <div class="member-card">
+      <img class="member-pic" [src]="(gaia$ | async)?.url" alt="Gaia Andreoletti" />
+      <h3 class="card-name">Gaia Andreoletti</h3>
+      <p class="card-roles">Research scientist</p>
+      <div>
+        <a href="https://www.linkedin.com/in/gaia-andreoletti-33932520/" rel="noopener" target="_blank"
+          ><img class="social-media-logo" src="assets/images/linkedin-logo.svg" alt="LinkedIn"
+        /></a>
+        <a href="https://github.com/gaiaandreoletti" rel="noopener" target="_blank"
+          ><img class="social-media-logo" src="assets/images/github-logo.svg" alt="GitHub"
+        /></a>
+      </div>
+    </div>
     <div class="member-card">
       <img class="member-pic" [src]="(jake$ | async)?.url" alt="Jake Albrecht" />
       <h3 class="card-name">Jake Albrecht</h3>
@@ -76,6 +90,9 @@ <h3 class="card-name">Jake Albrecht</h3>
       </div>
     </div>
   </div>
+  <div class="kudos mat-body-strong">
+    And a special thank you to our <strong>Design</strong> and <strong>Governance</strong> teams at Sage!
+  </div>
 </main>
 <openchallenges-footer
   [appVersion]="appVersion"

libs/openchallenges/team/src/lib/team.component.scss

@@ -25,16 +25,13 @@
   -webkit-border-radius: 505;
   border-radius: 50%;
 }
-
-.description {
-  padding-bottom: 180px;
+.kudos {
+  padding-top: 42px;
 }
-
 .card-roles {
   width: 200px;
   flex-grow: 1;
 }
-
 .social-media-logo {
   height: 32px;
   margin: 0 12px 2px 0;

libs/openchallenges/team/src/lib/team.component.ts

@@ -29,7 +29,9 @@ export class TeamComponent implements OnInit {
   public rong$: Observable<Image> | undefined;
   public verena$: Observable<Image> | undefined;
   public maria$: Observable<Image> | undefined;
+  public gaia$: Observable<Image> | undefined;
   public jake$: Observable<Image> | undefined;
+  public sage$: Observable<Image> | undefined;
 
   constructor(
     private readonly configService: ConfigService,
@@ -61,8 +63,14 @@ export class TeamComponent implements OnInit {
     this.maria$ = this.imageService.getImage({
       objectKey: 'team/maria.png',
     });
+    this.gaia$ = this.imageService.getImage({
+      objectKey: 'team/gaia.jpg',
+    });
     this.jake$ = this.imageService.getImage({
       objectKey: 'team/jake.png',
     });
+    this.sage$ = this.imageService.getImage({
+      objectKey: 'logo/sage-bionetworks-alt.svg',
+    });
   }
 }