feature(badges): added fediverse badges and linked to my transfem.social account

src/lib/FriendBadges.ts

@@ -8,7 +8,7 @@ const FriendBadges: Array<BadgeInfo> = [
     title: "June"
   },
   {
-    image: FriendBadgesPath + "astreaprtcl-small.png",
+    image: FriendBadgesPath + "astreaprtcl.png",
     url: "https://astreaprtcl.dev",
     title: "⌬-0x7e5ac6"
   },

src/lib/OtherBadges.ts

@@ -16,10 +16,16 @@ const OtherBadges: Array<BadgeInfo> = [
     alt: "tumblr"
   },
   {
-    image: OtherBadgePath + "wafrn.webp",
+    image: OtherBadgePath + "fediverse.gif",
-    url: "https://app.wafrn.net/blog/foxgirlriley",
+    title: "I am on transfem.social!",
-    title: "i'm on wafrn!",
+    alt: "The word Fediverse in front of the fediverse logo which is slowly spinning",
-    alt: "wafrn"
+    url: "https://transfem.social/@foxgirlriley"
+  },
+  {
+    image: OtherBadgePath + "join-the-fediverse.gif",
+    title: "Join Transfem.Social!!!",
+    alt: "The words Join the fediverse next to the fediverse logo",
+    url: "https://transfem.social"
   },
   {
     image: OtherBadgePath + "pronouns_sheher.gif",

src/styles/Badge.scss

@@ -5,6 +5,11 @@
   margin-bottom: 5px;
 }
 
+.badge img {
+  height: 31px;
+  max-height: 31px;
+}
+
 .badgeBanner {
   display: flex;
   flex-direction: row;