From 587249b101cda2fffd182d03ae8df93de618757b Mon Sep 17 00:00:00 2001
From: alecdusheck <alec@simplyalec.com>
Date: Sun, 18 Oct 2020 00:11:53 -0500
Subject: [PATCH 1/2] Use https://ui-avatars.com instead of
 https://api.adorable.io for profile images

---
 client/src/components/chat.vue    | 2 +-
 client/src/components/context.vue | 2 +-
 client/src/components/members.vue | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/chat.vue b/client/src/components/chat.vue
index 619909a..d8f0fed 100644
--- a/client/src/components/chat.vue
+++ b/client/src/components/chat.vue
@@ -4,7 +4,7 @@
       <template v-for="(message, index) in history">
         <li :key="index" class="message" v-if="message.type === 'text'">
           <div class="author" @contextmenu.stop.prevent="onContext($event, { member: member(message.id) })">
-            <img :src="`https://api.adorable.io/avatars/40/${member(message.id).displayname}.png`" />
+            <img :src="`https://ui-avatars.com/api/?name=${member(message.id).displayname}.png`" />
           </div>
           <div class="content">
             <div class="content-head">
diff --git a/client/src/components/context.vue b/client/src/components/context.vue
index db2de33..063cfeb 100644
--- a/client/src/components/context.vue
+++ b/client/src/components/context.vue
@@ -3,7 +3,7 @@
     <template slot-scope="child" v-if="child.data">
       <li class="header">
         <div class="user">
-          <img :src="`https://api.adorable.io/avatars/25/${child.data.member.displayname}.png`" />
+          <img :src="`https://ui-avatars.com/api/?name=${child.data.member.displayname}.png`" />
           <strong>{{ child.data.member.displayname }}</strong>
         </div>
       </li>
diff --git a/client/src/components/members.vue b/client/src/components/members.vue
index 5f8cf7f..8458339 100644
--- a/client/src/components/members.vue
+++ b/client/src/components/members.vue
@@ -4,7 +4,7 @@
       <ul class="members-list">
         <li v-if="member">
           <div :class="[{ host: member.id === host }, 'self', 'member']">
-            <img :src="`https://api.adorable.io/avatars/50/${member.displayname}.png`" />
+            <img :src="`https://ui-avatars.com/api/?name=${member.displayname}.png`" />
           </div>
         </li>
         <template v-for="(member, index) in members">
@@ -15,7 +15,7 @@
           >
             <div :class="[{ host: member.id === host, admin: member.admin }, 'member']">
               <img
-                :src="`https://api.adorable.io/avatars/50/${member.displayname}.png`"
+                :src="`https://ui-avatars.com/api/?name=${member.displayname}.png`"
                 @contextmenu.stop.prevent="onContext($event, { member })"
               />
             </div>

From 835dcd6d6765ea8b5bbdcf8bc8a502a49939db08 Mon Sep 17 00:00:00 2001
From: alecdusheck <alec@simplyalec.com>
Date: Sun, 18 Oct 2020 22:40:51 -0500
Subject: [PATCH 2/2] Add image size to image to match how it was previously

---
 client/src/components/chat.vue    | 2 +-
 client/src/components/context.vue | 2 +-
 client/src/components/members.vue | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/chat.vue b/client/src/components/chat.vue
index d8f0fed..33fd571 100644
--- a/client/src/components/chat.vue
+++ b/client/src/components/chat.vue
@@ -4,7 +4,7 @@
       <template v-for="(message, index) in history">
         <li :key="index" class="message" v-if="message.type === 'text'">
           <div class="author" @contextmenu.stop.prevent="onContext($event, { member: member(message.id) })">
-            <img :src="`https://ui-avatars.com/api/?name=${member(message.id).displayname}.png`" />
+            <img :src="`https://ui-avatars.com/api/?name=${member(message.id).displayname}.png&size=40`" />
           </div>
           <div class="content">
             <div class="content-head">
diff --git a/client/src/components/context.vue b/client/src/components/context.vue
index 063cfeb..29fcd83 100644
--- a/client/src/components/context.vue
+++ b/client/src/components/context.vue
@@ -3,7 +3,7 @@
     <template slot-scope="child" v-if="child.data">
       <li class="header">
         <div class="user">
-          <img :src="`https://ui-avatars.com/api/?name=${child.data.member.displayname}.png`" />
+          <img :src="`https://ui-avatars.com/api/?name=${child.data.member.displayname}.png&size=25`" />
           <strong>{{ child.data.member.displayname }}</strong>
         </div>
       </li>
diff --git a/client/src/components/members.vue b/client/src/components/members.vue
index 8458339..d2def50 100644
--- a/client/src/components/members.vue
+++ b/client/src/components/members.vue
@@ -4,7 +4,7 @@
       <ul class="members-list">
         <li v-if="member">
           <div :class="[{ host: member.id === host }, 'self', 'member']">
-            <img :src="`https://ui-avatars.com/api/?name=${member.displayname}.png`" />
+            <img :src="`https://ui-avatars.com/api/?name=${member.displayname}.png&size=50`" />
           </div>
         </li>
         <template v-for="(member, index) in members">
@@ -15,7 +15,7 @@
           >
             <div :class="[{ host: member.id === host, admin: member.admin }, 'member']">
               <img
-                :src="`https://ui-avatars.com/api/?name=${member.displayname}.png`"
+                :src="`https://ui-avatars.com/api/?name=${member.displayname}.png&size=50`"
                 @contextmenu.stop.prevent="onContext($event, { member })"
               />
             </div>