Use https://ui-avatars.com instead of https://api.adorable.io for profile images

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">

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>

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>