src/components/FriendLinkHigh.astro

@@ -1,16 +0,0 @@
----
-import { Image, Picture } from "astro:assets";
-
-const { name, image, target } = Astro.props;
----
-<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['webp']} /></a>
-<style>
-    img {
-        image-rendering: pixelated;
-        min-width: 88px;
-        width: 176px;
-        min-height: 31px;
-        height: 62px;
-        padding: 4px;
-    }
-</style>

src/pages/index.astro

@@ -4,9 +4,8 @@ import Partition from "../components/Partition.astro";
 import Greeting from "../components/Greeting";
 import Social from "../components/Social.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
-import FriendLink from "../components/FriendLinkHigh.astro";
+import FriendLink from "../components/FriendLink.astro";
 import FriendLinkMid from "../components/FriendLinkMid.astro";
-import FriendLinkLow from "../components/FriendLinkLow.astro";
 const pageTitle = "Aria";
 
 const currentDate = new Date();
@@ -93,7 +92,7 @@ const age = seconds / 31556952;
                 image="https://notnite.com/buttons/notnite.png"
                 target="https://notnite.com/"
             />
-            <FriendLinkLow
+            <FriendLinkMid
                 name="0x5066"
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"