fix: github icons

apps/pink/src/components/JoinCommunity.svelte

@@ -22,13 +22,7 @@
   });
 
   function getAvatar(user: User) {
-    const url = new URL('https://cloud.appwrite.io/v1/avatars/image');
-    url.searchParams.set('project', 'console');
-    url.searchParams.set('width', '100');
-    url.searchParams.set('height', '100');
-    url.searchParams.set('url', `https://github.com/${user.username}.png`);
-
-    return url.toString();
+    return `https://github.com/${user.username}.png?size=100`;
   }
 
   function getUrl(user: User) {
@@ -68,7 +62,12 @@
 <ul id="join-community-users" class="u-margin-block-start-48">
   {#each shuffle(users) as user}
     <li>
-      <a class="avatar-link" href={getUrl(user)} target="_blank" rel="noopener noreferrer">
+      <a
+        class="avatar-link"
+        href={getUrl(user)}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
         <img
           class="avatar is-size-large u-drop-shadow-large"
           src={getAvatar(user)}
@@ -82,6 +81,8 @@
               <img
                 class="avatar"
                 src={getAvatar(user)}
+                width="50"
+                height="50"
                 alt={getInitials(user)}
               />
 

apps/pink/src/layouts/Layout.astro

@@ -140,31 +140,32 @@ const titleFallback = "Pink Design - Appwrite's Design System";
             </>
           )
         }
-  <footer class="main-footer u-margin-block-start-48">
-    <div class="main-footer-start">
-      <ul class="inline-links is-no-padding-first-and-last u-x-small">
-        <li class="inline-links-item">
-          <a href="https://appwrite.io/policy/terms" target="_blank"
-          ><span class="text">Terms</span>
-          </a>
-        </li>
-        <li class="inline-links-item">
-          <a href="https://appwrite.io/policy/privacy" target="_blank"
-          ><span class="text">Privacy</span>
-          </a>
-        </li>
-      </ul>
-    </div>
-    <div class="main-footer-end">
-      <ul class="inline-links is-no-padding-first-and-last u-x-small">
-        <li class="inline-links-item">
-          <span class="text">ⓒ {new Date().getFullYear()} Appwrite. All rights reserved.</span>
-        </li>
-      </ul>
-    </div>
-  </footer>
+        <footer class="main-footer u-margin-block-start-48">
+          <div class="main-footer-start">
+            <ul class="inline-links is-no-padding-first-and-last u-x-small">
+              <li class="inline-links-item">
+                <a href="https://appwrite.io/policy/terms" target="_blank"
+                  ><span class="text">Terms</span>
+                </a>
+              </li>
+              <li class="inline-links-item">
+                <a href="https://appwrite.io/policy/privacy" target="_blank"
+                  ><span class="text">Privacy</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div class="main-footer-end">
+            <ul class="inline-links is-no-padding-first-and-last u-x-small">
+              <li class="inline-links-item">
+                <span class="text"
+                  >ⓒ {new Date().getFullYear()} Appwrite. All rights reserved.</span
+                >
+              </li>
+            </ul>
+          </div>
+        </footer>
       </main>
-
     </div>
 
     <script is:inline>
@@ -205,7 +206,7 @@ const titleFallback = "Pink Design - Appwrite's Design System";
 </html>
 
 <style lang="scss" is:global>
-@use "@appwrite.io/pink/src/abstract" as *;
+  @use "@appwrite.io/pink/src/abstract" as *;
   pre {
     margin: 0;
   }
@@ -252,12 +253,13 @@ const titleFallback = "Pink Design - Appwrite's Design System";
    */
   .container:has(> .card) {
     @media #{$break1} {
-      --p-container-padding-inline:0;
+      --p-container-padding-inline: 0;
       .card {
         $padding: pxToRem(20);
         --p-card-padding: var(--card-padding, #{$padding});
 
-        border:none; border-radius:0;
+        border: none;
+        border-radius: 0;
       }
     }
   }