.forgejo/workflows/deploy.yaml

@@ -26,11 +26,6 @@ jobs:
           node-version: 24
           cache: 'pnpm'
 
-      # - uses: https://github.com/denoland/setup-deno@v2
-      #   with:
-      #     deno-version: vx.x.x
-      #     cache: true
-
       - name: Install SSH key
         uses: https://github.com/shimataro/ssh-key-action@v2
         with:
@@ -40,11 +35,9 @@ jobs:
           if_key_exists: fail
 
       - run: pnpm install
-      # - run: deno install
 
       - name: Build website
         run: pnpm run build-action
-        # run: deno run build-action
 
       - name: Create folder if not exists
         continue-on-error: true

src/components/FriendLink.astro

@@ -3,7 +3,7 @@ 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="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="max" decoding="async" loading="lazy" formats={['webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;

src/components/FriendLinkHigh.astro

@@ -3,7 +3,7 @@ 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={['avif', 'webp']} /></a>
+<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;

src/components/FriendLinkLow.astro

@@ -3,7 +3,7 @@ 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="low" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;

src/components/FriendLinkLowAnimated.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="low" 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/components/FriendLinkMid.astro

@@ -3,7 +3,7 @@ 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="mid" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;

src/components/FriendLinkMidAnimated.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="mid" 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

@@ -7,8 +7,6 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 import FriendLink from "../components/FriendLinkHigh.astro";
 import FriendLinkMid from "../components/FriendLinkMid.astro";
 import FriendLinkLow from "../components/FriendLinkLow.astro";
-import FriendLinkLowAnimated from "../components/FriendLinkLowAnimated.astro";
-import FriendLinkMidAnimated from "../components/FriendLinkMidAnimated.astro";
 const pageTitle = "Aria";
 
 const currentDate = new Date();
@@ -75,9 +73,9 @@ const age = seconds / 31556952;
                     target="https://ata.moe"
                 />
             </div>
-            <FriendLinkLow
+            <FriendLink
                 name="Amemoia"
-                image="/static/img/88x31/BuhMoe.png"
+                image="https://buh.moe/resources/buttons/88x31.gif"
                 target="https://buh.moe/"
             />
             <FriendLink
@@ -95,7 +93,7 @@ const age = seconds / 31556952;
                 image="https://notnite.com/buttons/notnite.png"
                 target="https://notnite.com/"
             />
-            <FriendLinkLowAnimated
+            <FriendLinkLow
                 name="0x5066"
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"
@@ -126,12 +124,12 @@ const age = seconds / 31556952;
                 target="https://meow-d.github.io/"
             />
             <div class="outline-dashed flex outline-3 mx-1">
-                <FriendLinkMidAnimated
+                <FriendLink
                     name="~thermia"
                     image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
                     target="https://girlthi.ng/~thermia/"
                 />
-                <FriendLinkMidAnimated
+                <FriendLink
                     name="girlthi.ng"
                     image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif"
                     target="https://girlthi.ng/"