fix(index): fixincorrect button url for sapphic

.cz.toml

@@ -4,4 +4,4 @@ tag_format = "v$version"
 version_scheme = "semver"
 version_provider = "npm"
 update_changelog_on_bump = true
-major_version_zero = true
+major_version_zero = false

.forgejo/workflows/deploy.yaml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - main
+  workflow_dispatch:
 
 jobs:
   deploy:
@@ -26,6 +27,11 @@ 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:
@@ -35,9 +41,11 @@ 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

CHANGELOG.md

@@ -1,3 +1,44 @@
+## v1.1.0 (2025-07-04)
+
+### Feat
+
+- add matomo & bump versions
+- **pay-me**: add nano address
+- **blog**: make draft bool optional
+
+### Fix
+
+- **astro config**: remove eris from image download
+- **index**: remove "SSH" from minisign key text
+
+## v1.0.1 (2025-06-09)
+
+### Feat
+
+- **package.json**: bump deps
+
+### Fix
+
+- **index**: fix minisign download link
+
+## v1.0.0 (2025-06-09)
+
+### Feat
+
+- **index**: update main page with minisign key and new message
+- add new public key for minisign, add signatures to other keys and add a new message reflecting this
+- prepare alternative custom button for Amemoia for performance reasons in the future
+
+### Fix
+
+- **index**: fix avif animated iamges not being usable
+
+### Perf
+
+- **index**: move Amemoia's button to fallback smaller button
+- **FriendLink***: add AVIF format to buttons
+- **index**: change Amemoia's button to FriendLinkLow
+
 ## v0.2.0 (2025-05-30)
 
 ### Feat

astro.config.mjs

@@ -1,10 +1,12 @@
 // @ts-check
 import { defineConfig } from "astro/config";
+import matomo from 'astro-matomo';
 import { remarkModifiedTime } from "./remark-modified-time.mjs";
 
 import preact from "@astrojs/preact";
-import tailwind from "@astrojs/tailwind";
+import tailwindcss from "@tailwindcss/vite";
-import node from "@astrojs/node";
+import tailwind from "@tailwindcss/vite";
+// import node from "@astrojs/node";
 
 import icon from "astro-icon";
 
@@ -12,42 +14,67 @@ import mdx from "@astrojs/mdx";
 
 // https://astro.build/config
 export default defineConfig({
-    output: process.env.DOCKER_BUILD ? "server" : "static",
+  output: process.env.DOCKER_BUILD ? "server" : "static",
-    site: "https://aria.coffee",
+  site: "https://aria.coffee",
-    integrations: [preact(), tailwind(), icon(), mdx()],
+  integrations: [
+    preact(),
+    tailwind(),
+    icon(),
+    mdx(),
+    matomo({
+      enabled: import.meta.env.PROD, // Only load in production
+      host: "https://analytics.aria.coffee/",
+      // setCookieDomain: "*.ara.coffee",
+      // trackerUrl: "js/", // defaults to matomo.php
+      // srcUrl: "js/", // defaults to matomo.js
+      siteId: 1,
+      heartBeatTimer: 5,
+      // disableCookies: true,
+      debug: false,
+      // viewTransition: {
+        // contentElement: "main"
+      // }
+    }),
 
-    image: {
+  ],
-        domains: [
+
-            "buymymojo.net",
+  image: {
-            "aria.coffee",
+      domains: [
-            "github.com",
+          "buymymojo.net",
-            "githubusercontent.com",
+          "aria.coffee",
-            "avatars.githubusercontent.com",
+          "github.com",
-            "camo.githubusercontent.com",
+          "githubusercontent.com",
-            "user-images.githubusercontent.com",
+          "avatars.githubusercontent.com",
-            "private-user-images.githubusercontent.com",
+          "camo.githubusercontent.com",
-            "alyxia.dev",
+          "user-images.githubusercontent.com",
-            "nanoshinono.me",
+          "private-user-images.githubusercontent.com",
-            "ata.moe",
+          "alyxia.dev",
-            "buh.moe",
+          "nanoshinono.me",
-            "hayden.moe",
+          "ata.moe",
-            "onz.ee",
+          "buh.moe",
-            "notnite.com",
+          "hayden.moe",
-            "erisdump.neocities.org",
+          "onz.ee",
-            "espi.me",
+          "notnite.com",
-            "alula.me",
+          // "erisdump.neocities.org",
-            "sapphic.moe",
+          "espi.me",
-            "calayucu.com",
+          "alula.me",
-            "meow-d.github.io",
+          "sapphic.moe",
-            "girlthi.ng",
+          "calayucu.com",
-            "lenooby09.tech",
+          "meow-d.github.io",
-            "ackwell.au",
+          "girlthi.ng",
-            "ari.express"
+          "lenooby09.tech",
-        ],
+          "ackwell.au",
-    },
+          "ari.express"
-    markdown: {
+      ],
-        remarkPlugins: [remarkModifiedTime],
+  },
-    },
+
+  markdown: {
+      remarkPlugins: [remarkModifiedTime],
+  },
+
+  vite: {
+    plugins: [tailwindcss()],
+  },
 });
 
 // Bellow is for when dedicated server is wanted?

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "astro",
+  "name": "aria.coffee",
   "type": "module",
-  "version": "0.2.0",
+  "version": "1.1.0",
   "scripts": {
     "dev": "astro dev",
     "build": "astro check && astro build && ./compress-images.sh",
@@ -12,16 +12,18 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@astrojs/mdx": "^4.3.0",
-    "@astrojs/node": "^9.2.2",
+    "@astrojs/node": "^9.3.0",
     "@astrojs/preact": "^4.1.0",
-    "@astrojs/rss": "^4.0.11",
+    "@astrojs/rss": "^4.0.12",
-    "@astrojs/tailwind": "^5.1.5",
+    "@tailwindcss/vite": "^4.1.11",
-    "astro": "^5.8.1",
+    "aria.coffee": "link:",
+    "astro": "^5.11.0",
     "astro-icon": "^1.1.5",
+    "astro-matomo": "^1.9.0",
     "dayjs": "^1.11.13",
-    "preact": "^10.26.8",
+    "preact": "^10.26.9",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.2",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.8.3"
   },
   "devDependencies": {
@@ -29,8 +31,8 @@
     "@iconify-json/hugeicons": "^1.2.5",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/meteor-icons": "^1.2.1",
-    "@iconify-json/tabler": "^1.2.18",
+    "@iconify-json/tabler": "^1.2.19",
-    "@iconify-json/token": "^1.2.16",
+    "@iconify-json/token": "^1.2.18",
     "@tailwindcss/typography": "^0.5.16",
     "vite": "^6.3.5"
   }

pnpm-workspace.yaml

@@ -1,3 +1,4 @@
 onlyBuiltDependencies:
+  - '@tailwindcss/oxide'
   - esbuild
   - sharp

public/static/keys/49776EAC872B884B_public.asc.minisig

@@ -0,0 +1,4 @@
+untrusted comment: signature from minisign secret key
+RUQLW3LQVJ3g5u/ChnEWuONApIe8d9nCP6kiHKz+UXvW/JQoS3BeUCGtPfX5RlwQmLKbz8wBczpW6k/480uJQIJNvSZgR9BNgAM=
+trusted comment: timestamp:1749466165	file:49776EAC872B884B_public.asc	hashed
+yS19/KNdSRtbt7kviP/0mmRKXdrQ94wHd7uyhck7qrvbcpnbZFbr4SDdOsI4A8tv5cKC1lRH2SfxmPoZ+zx8BA==

public/static/keys/aria-minisign.pub

@@ -0,0 +1,2 @@
+untrusted comment: minisign public key E6E09D54D0725B0B
+RWQLW3LQVJ3g5jOGPxsNwENlFnXHFG9UZra0owAp5Ny+bcnX7NTq2nXv

public/static/messages/keys_and_addrs-2025-06-09.md

@@ -0,0 +1,39 @@
+# keys and addrs 2025-06-09
+
+>Email: hello@aria.coffee
+
+>Website: aria.coffee
+
+>Main Git: https://git.aria.coffee/aria
+
+>Backup Git(GitHub): https://github.com/BuyMyMojo
+
+>Alt Git: https://git.witchcraft.systems/Aria
+
+>bsky: https://bsky.app/profile/did:plc:bzrn33tcfgjxnsanvg6py3xn
+
+>bsky alt (pds.witchcraft.systems): https://bsky.app/profile/did:plc:valun42etpm73we7bgyh64ge
+
+>PGP fingerprint: 7EBD 3E0C 7D3D 5C7D 5CA8  A03F 4977 6EAC 872B 884B
+
+>PGP Key: https://aria.coffee/static/keys/49776EAC872B884B_public.asc
+
+>PGP Keyservers: https://keyserver.ubuntu.com & https://keys.openpgp.org
+
+>SSH key: ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIBi5QCHIPTT6Uvq2SLxWUKxcN7RgdtrgJxVs2muVUbqe
+
+aria-minisign.pub:
+
+```
+untrusted comment: minisign public key E6E09D54D0725B0B
+RWQLW3LQVJ3g5jOGPxsNwENlFnXHFG9UZra0owAp5Ny+bcnX7NTq2nXv
+```
+
+Crypto Wallets:
+>XMR: 48NZQ5rYpiNEjNtsWKbyniVY3FpJ9kLVA815cxfSMPF5gvjrBiHH9x5JLr3aBYhvKvENCdhrYgzQ9LhBnR5NoinWDCGBzNm
+
+>BTC: bc1qeqz2fswpn4hjjy373gyvjgkq63hv7mknwd6cau
+
+>LTC: LW4tGWNzYQ21eJ8G2LZaLqroYU67nSNwnY
+
+>ETH/USDC/USDT: 0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58

public/static/messages/keys_and_addrs-2025-06-09.md.asc

@@ -0,0 +1,50 @@
+-----BEGIN PGP SIGNED MESSAGE-----
+Hash: SHA512
+
+# keys and addrs 2025-06-09
+
+>Email: hello@aria.coffee
+
+>Website: aria.coffee
+
+>Main Git: https://git.aria.coffee/aria
+
+>Backup Git(GitHub): https://github.com/BuyMyMojo
+
+>Alt Git: https://git.witchcraft.systems/Aria
+
+>bsky: https://bsky.app/profile/did:plc:bzrn33tcfgjxnsanvg6py3xn
+
+>bsky alt (pds.witchcraft.systems): https://bsky.app/profile/did:plc:valun42etpm73we7bgyh64ge
+
+>PGP fingerprint: 7EBD 3E0C 7D3D 5C7D 5CA8  A03F 4977 6EAC 872B 884B
+
+>PGP Key: https://aria.coffee/static/keys/49776EAC872B884B_public.asc
+
+>PGP Keyservers: https://keyserver.ubuntu.com & https://keys.openpgp.org
+
+>SSH key: ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIBi5QCHIPTT6Uvq2SLxWUKxcN7RgdtrgJxVs2muVUbqe
+
+aria-minisign.pub:
+
+```
+untrusted comment: minisign public key E6E09D54D0725B0B
+RWQLW3LQVJ3g5jOGPxsNwENlFnXHFG9UZra0owAp5Ny+bcnX7NTq2nXv
+```
+
+Crypto Wallets:
+>XMR: 48NZQ5rYpiNEjNtsWKbyniVY3FpJ9kLVA815cxfSMPF5gvjrBiHH9x5JLr3aBYhvKvENCdhrYgzQ9LhBnR5NoinWDCGBzNm
+
+>BTC: bc1qeqz2fswpn4hjjy373gyvjgkq63hv7mknwd6cau
+
+>LTC: LW4tGWNzYQ21eJ8G2LZaLqroYU67nSNwnY
+
+>ETH/USDC/USDT: 0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58
+
+-----BEGIN PGP SIGNATURE-----
+
+iHUEARYKAB0WIQTnt7jSDIdTwHf5sXEZq3qkYrirOwUCaEa6hQAKCRAZq3qkYrir
+OzjdAQCQmMnBsfPmCUWJud9huHyyaFbln82gaChf2X3FIJNtbQD9Hn3GY5VLqGnu
+c42JefQdRAJDrRcQJO6IBQZj+o5l1QY=
+=wOJ3
+-----END PGP SIGNATURE-----

public/static/messages/keys_and_addrs-2025-06-09.md.minisig

@@ -0,0 +1,4 @@
+untrusted comment: signature from minisign secret key
+RUQLW3LQVJ3g5iokC7ikt1OLDd85X7RtAArA+PpdrC/1a5AzLlwInQI9115ZwLG1sFx8IJF0XRPhuUo0fC84tGb7ETrMFfjl8A0=
+trusted comment: timestamp:1749465973	file:keys_and_addrs-2025-06-09.md	hashed
+T1vZ0SuVqmcM2H3Uc3zum6CodwiDSl5jEj9yp6BK1OBKn3uul4G+kuh4y7cZFxisCMPNyfF2pZsxSxVpMV06Bg==

public/static/messages/nano-note.txt

@@ -0,0 +1,15 @@
+I have added a new wallet address to my website!
+
+Nano: nano_1o6wsddxjbkhrt38m6n87b8szg4jdkkuty7r3t553sqgj5ue7kbqqrioaap9
+
+I am leaving this note here and signing it as proof of identity.
+
+all my current wallets are as follows:
+
+ XMR: 48NZQ5rYpiNEjNtsWKbyniVY3FpJ9kLVA815cxfSMPF5gvjrBiHH9x5JLr3aBYhvKvENCdhrYgzQ9LhBnR5NoinWDCGBzNm
+ BTC: bc1qeqz2fswpn4hjjy373gyvjgkq63hv7mknwd6cau
+ LTC: LW4tGWNzYQ21eJ8G2LZaLqroYU67nSNwnY
+ ETH: 0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58
+ USDC(ETH): 0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58
+ USDT(ETH): 0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58
+ NANO: nano_1o6wsddxjbkhrt38m6n87b8szg4jdkkuty7r3t553sqgj5ue7kbqqrioaap9

public/static/messages/nano-note.txt.minisig

@@ -0,0 +1,4 @@
+untrusted comment: signature from minisign secret key
+RUQLW3LQVJ3g5iLSdWYVagu6OID+UN0fgm4hDgaKm5mych2VPCes1mx6WI9My1/A0YFjsufskQVJtAaqDHXgIcQ1U7orzxJXCQI=
+trusted comment: timestamp:1750138827	file:nano-note.txt	hashed
+IdrZ+thtF+EJ4a12lRmrDIFyyTHx2pVLxA9nbTEsG/P3VlWv7tp94GkrZ0l+x72CaG8F1FKBu/aS0BKK8LHwDA==

src/components/Donations.astro

@@ -85,5 +85,19 @@ import { Icon } from "astro-icon/components";
                 >0xDd947270bCE2bBB3a3E3eCc4eA5095c14aa9ec58</textarea
             >
         </li>
+        <li>
+            <Icon name="token:xno" class={"svg-inline"} /> NANO: <textarea
+                onclick="this.select()"
+                readonly
+                cols="65"
+                rows="1"
+                class="rounded backdrop-brightness-0"
+                style="background-color: var(--third-colour); resize: none;"
+                >nano_1o6wsddxjbkhrt38m6n87b8szg4jdkkuty7r3t553sqgj5ue7kbqqrioaap9</textarea
+            >
+        </li>
     </ul>
+    <br />
+    <sub>note about addition of nano: <a href="/static/messages/nano-note.txt" download="nano-note.txt">nano-note.txt</a></sub><br />
+    <sub>signature of note about addition of nano: <a href="/static/messages/nano-note.txt.minisig" download="nano-note.txt.minisig">nano-note.txt.minisig</a></sub>
 </Partition>

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={['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={['avif', '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={['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={['avif', '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={['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={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;

src/components/FriendLinkLowAnimated.astro

@@ -0,0 +1,16 @@
+---
+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={['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={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;

src/components/FriendLinkMidAnimated.astro

@@ -0,0 +1,16 @@
+---
+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/content.config.ts

@@ -13,7 +13,7 @@ const blog = defineCollection({
 		description: z.string(),
 		author: z.string(),
 		tags: z.array(z.string()),
-		draft: z.boolean(),
+		draft: z.boolean().optional().default(false),
 	}),
 });
 

src/pages/index.astro

@@ -7,6 +7,8 @@ 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();
@@ -42,11 +44,14 @@ const age = seconds / 31556952;
             <li>PGP public key fingerprint: <code>7EBD 3E0C 7D3D 5C7D 5CA8  A03F 4977 6EAC 872B 884B</code></li>
             <li>PGP public key: <a href="/static/keys/49776EAC872B884B_public.asc" download="49776EAC872B884B_public.asc"><code>49776EAC872B884B_public.asc</code></a> <sub><a href="https://archive.org/details/49776EAC872B884B_public.asc" target="_blank">archive link</a></sub></li>
             <li>SSH public key: <a href="https://git.aria.coffee/aria.keys" target="_blank">on my personal git serrver</a> or <a href="https://git.witchcraft.systems/aria.keys" target="_blank">on witchcraft systems' git server</a></li>
+            <li>minisign key: <a href="/static/keys/aria-minisign.pub" download="aria-minisign.pub"><code>aria-minisign.pub</code></a></li>
             <li>Email: <a href="mailto:hello@aria.coffee"><code>hello@aria.coffee</code></a> (supports <a href="https://delta.chat/en/" target="_blank">deltachat</a>!)</li>
             <li>Keyoxide: use my <a href="https://keyoxide.org/hello@aria.coffee" target="_blank">email</a> or my <a href="https://keyoxide.org/7EBD3E0C7D3D5C7D5CA8A03F49776EAC872B884B" target="_blank">PGP key fingerprint</a></li>
         </ul>
         <br />
-        <sub>There is a PGP signed note with all my info <a href="/static/messages/keys_and_addrs.txt" target="_blank">here</a> <sub><a href="https://archive.org/details/keys_and_addrs" target="_blank">archive link</a></sub></li></sub>
+        <sub>There is new signed note with all my info here: <a href="/static/messages/keys_and_addrs-2025-06-09.md" target="_blank">message</a> + <a href="/static/messages/keys_and_addrs-2025-06-09.md.minisig" target="_blank">minisign sig</a> + <a href="/static/messages/keys_and_addrs-2025-06-09.md.asc" target="_blank">gpg signed</a> <sub><a href="https://archive.org/download/keys_and_addrs-2025-06-09.md_202506" target="_blank">archive link</a></sub></li></sub>
+        <br />
+        <sub>There is a PGP signed note with all my info <sub>(except minisign pub key)</sub> <a href="/static/messages/keys_and_addrs.txt" target="_blank">here</a> <sub><a href="https://archive.org/details/keys_and_addrs" target="_blank">archive link</a></sub></li></sub>
     </Partition>
     <Partition>
         <h1>Socials:</h1>
@@ -73,9 +78,9 @@ const age = seconds / 31556952;
                     target="https://ata.moe"
                 />
             </div>
-            <FriendLink
+            <FriendLinkLow
                 name="Amemoia"
-                image="https://buh.moe/resources/buttons/88x31.gif"
+                image="/static/img/88x31/BuhMoe.png"
                 target="https://buh.moe/"
             />
             <FriendLink
@@ -93,16 +98,16 @@ const age = seconds / 31556952;
                 image="https://notnite.com/buttons/notnite.png"
                 target="https://notnite.com/"
             />
-            <FriendLinkLow
+            <FriendLinkLowAnimated
                 name="0x5066"
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"
             />
-            <FriendLink
+            <!-- <FriendLink
                 name="Espi"
                 image="https://espi.me/img/webring/espi.png"
                 target="https://www.espi.me"
-            />
+            /> -->
             <FriendLink
                 name="Alula"
                 image="https://alula.me/webring/alula.png"
@@ -110,7 +115,7 @@ const age = seconds / 31556952;
             />
             <FriendLink
                 name="Sapphic"
-                image="https://sapphic.moe/buttons/friends/sapphic.png"
+                image="https://sapphic.moe/buttons/sapphic.png"
                 target="https://sapphic.moe/"
             />
             <FriendLink
@@ -124,12 +129,12 @@ const age = seconds / 31556952;
                 target="https://meow-d.github.io/"
             />
             <div class="outline-dashed flex outline-3 mx-1">
-                <FriendLink
+                <FriendLinkMidAnimated
                     name="~thermia"
                     image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
                     target="https://girlthi.ng/~thermia/"
                 />
-                <FriendLink
+                <FriendLinkMidAnimated
                     name="girlthi.ng"
                     image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif"
                     target="https://girlthi.ng/"

src/styles/aria.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 /* @font-face {
 	font-family: "Noto Sans";
 	src: local("Noto Sans"), url("/static/fonts/NotoSansDisplay-Regular.ttf")