From fd20e55cd42db7256dffe2305b1483f49654a105 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 2 Sep 2023 21:38:27 +0200
Subject: [PATCH] feat: slap public mastodon data

---
 src/pages/index.astro | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index c5b51c4..a8689a6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,6 +2,14 @@
 import Layout from "../layouts/Layout.astro";
 import Card from "../components/Card.astro";
 import Footer from "../components/Footer.astro";
+
+const response = await fetch('https://social.ayco.io/api/v1/accounts/109547735999980313')
+const {
+  avatar,
+  followers_count,
+  following_count,
+  note
+} =  await response.json();
 ---
 
 <Layout>
@@ -10,18 +18,17 @@ import Footer from "../components/Footer.astro";
       <img
         class="highlighted-section__content__profile-picture"
         alt="Ayo Ayco's picture"
-        src="/ayo.png"
+        src={avatar}
         width="150"
       />
       <div class="highlighted-section__content__text">
         <h1 title="Ayo Ayco | Software Engineer + Web Developer">
           <span class="heavy-text">Ayo</span>Ayco
         </h1>
+        <div class="highlighted__note" set:html={note} />
         <ul role="list">
-          <li>🧸 Creator of <a href="https://cozy-reader.netlify.app/">Cozy</a></li>
-          <li>🦌 Contributor to <a href="https://elk.zone">Elk</a></li>
-          <li>👨🏻‍💻 Software Extraordinaire</li>
-          <li>🕵🏻‍♂️ Frontend Detective</li>
+          <li>{followers_count} Followers</li>
+          <li>{following_count} Following</li>
         </ul>
         <a href="/now" class="now-wrapper">
           <span class="now-label">Now</span>
@@ -193,3 +200,9 @@ import Footer from "../components/Footer.astro";
     }
   }
 </style>
+
+<style is:inline>
+  .highlighted__note a {
+    color: white;
+  }
+</style>
\ No newline at end of file