From a56a748a985626d817c0fe5402b6bd16d03eb98b Mon Sep 17 00:00:00 2001
From: Lara Aigmueller <lara.aigmueller@dynatrace.com>
Date: Tue, 17 Mar 2020 15:34:26 +0100
Subject: [PATCH] barista: Use smaller images for contributors.

---
 .../components/contributors/contributors.html            | 6 +++++-
 .../single-page/components/contributors/contributors.ts  | 9 ++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html
index 8ebbaafac4..2125c9c737 100644
--- a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html
+++ b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html
@@ -7,7 +7,11 @@
     class="ba-contributors-list-item"
   >
     <a [href]="_profileUrl(contributor.githubuser)">
-      <img [src]="_imageUrl(contributor.githubuser)" [alt]="contributor.name" />
+      <img
+        [src]="_imageUrl(contributor.githubuser)"
+        [srcset]="_imageSrcset(contributor.githubuser)"
+        [alt]="contributor.name"
+      />
       <span>{{ contributor.name }}</span>
     </a>
   </li>
diff --git a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts
index 976a6420d3..75b182c38e 100644
--- a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts
+++ b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts
@@ -31,7 +31,14 @@ export class BaContributors {
 
   /** @internal */
   _imageUrl(gitHubUser: string): string {
-    return `https://github.com/${gitHubUser}.png?s=64`;
+    return `https://github.com/${gitHubUser}.png?size=40`;
+  }
+
+  /** @internal */
+  _imageSrcset(gitHubUser: string): string {
+    return `https://github.com/${gitHubUser}.png?size=40 1x,
+      https://github.com/${gitHubUser}.png?size=80 2x,
+      https://github.com/${gitHubUser}.png?size=120 3x`;
   }
 
   /** @internal */