feat(index.astro): add wicket's button

.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,11 +4,12 @@ on:
   push:
     branches:
       - main
+  workflow_dispatch:
 
 jobs:
   deploy:
-    # runs-on: WebDeployment
     runs-on: 3900x
+    # runs-on: WebDeployment
     container:
       image: docker.io/node:24-bookworm
     steps:
@@ -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,54 @@
+## 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
+
+- **Aria-Board**: add 4 new imaged to the mood board of motoko kusanagi
+
+### Refactor
+
+- **old/**: remove old unused version of website
+
 ## v0.1.0 (2025-05-27)
 
 ### 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,50 @@ 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",
+      ],
-            "buh.moe",
+  },
-            "hayden.moe",
+
-            "onz.ee",
+  markdown: {
-            "notnite.com",
+      remarkPlugins: [remarkModifiedTime],
-            "erisdump.neocities.org",
+  },
-            "espi.me",
+
-            "alula.me",
+  vite: {
-            "sapphic.moe",
+    plugins: [tailwindcss()],
-            "calayucu.com",
+  },
-            "meow-d.github.io",
-            "girlthi.ng",
-            "lenooby09.tech",
-            "ackwell.au",
-            "ari.express"
-        ],
-    },
-    markdown: {
-        remarkPlugins: [remarkModifiedTime],
-    },
 });
 
 // Bellow is for when dedicated server is wanted?
@@ -56,4 +66,4 @@ export default defineConfig({
 //
 //   adapter: node({
 //     mode: "standalone",
-//   })
+//   })

old/index.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="stylesheet" href="src/aria.css" />
-        <title>Aria</title>
-    </head>
-    <body>
-        <div class="container">
-            <div style="align-self: end">
-                <a href="https://aria.coffee"
-                    ><img
-                        class="logo"
-                        src="img/buttons/aria.gif"
-                        style="width: 16em"
-                /></a>
-                <div style="align-self: start">
-                    <p>This is a test</p>
-                    <p>again</p>
-                </div>
-            </div>
-        </div>
-    </body>
-</html>

old/src/aria.css

@@ -1,32 +0,0 @@
-html {
-    font-size: 100%;
-    line-height: 1.5;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-  }
-
-body {
-    background-color: black;
-    color: white;
-}
-
-.container {
-        display: flex;
-        flex-direction: column;
-        background-color: #1f2d39;
-
-        max-width: 756px;
-
-        height: 500px;
-
-        border-radius: 12px;
-}
-
-.logo {
-    image-rendering: pixelated;
-    border-radius: 24px;
-}
-
-.badge {
-    image-rendering: pixelated;
-}

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "astro",
+  "name": "aria.coffee",
   "type": "module",
-  "version": "0.1.0",
+  "version": "1.1.0",
   "scripts": {
     "dev": "astro dev",
     "build": "astro check && astro build && ./compress-images.sh",
@@ -11,26 +11,28 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.3.0",
+    "@astrojs/mdx": "^4.3.3",
-    "@astrojs/node": "^9.2.2",
+    "@astrojs/node": "^9.3.3",
     "@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.0",
+    "aria.coffee": "link:",
+    "astro": "^5.12.8",
     "astro-icon": "^1.1.5",
+    "astro-matomo": "^1.9.0",
     "dayjs": "^1.11.13",
-    "preact": "^10.26.7",
+    "preact": "^10.27.0",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.3",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   },
   "devDependencies": {
     "@iconify-json/cib": "^1.2.2",
-    "@iconify-json/hugeicons": "^1.2.5",
+    "@iconify-json/hugeicons": "^1.2.6",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/meteor-icons": "^1.2.1",
-    "@iconify-json/tabler": "^1.2.18",
+    "@iconify-json/tabler": "^1.2.20",
-    "@iconify-json/token": "^1.2.16",
+    "@iconify-json/token": "^1.2.19",
     "@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/blog/post-5.mdx

@@ -0,0 +1,91 @@
+---
+title: 'Post-HRT catch up'
+pubDate: 2025-08-04T15:12:00.000+11
+description: 'Nearly 4 months on HRT and out to family, time to expound'
+author: 'Aria'
+tags: ["personal", "HRT", "🏳️‍⚧️"]
+draft: false
+---
+import { Image, Picture, getImage } from "astro:assets";
+
+<h2 class="text-2xl"><strong>## What is this?</strong></h2>
+
+<br />
+
+A couple months ago I made the post <a href="https://aria.coffee/posts/post-2/" target="_blank">Pre-HRT musing</a> which was some details and thoughts of my journey towards getting <abbr title="Hormone Replacement Therapy">HRT</abbr>, since then things have gone VERY WELL so here I am with an update.
+
+<br />
+
+
+<h2 class="text-2xl"><strong>## Where are we now?</strong></h2>
+
+<br />
+
+I am now 118 days into HRT at the time of writing, it has been honestly insane. from the softening of skin, to noticable change in body shape!
+
+<br />
+
+None of this will come as a surprise to people who have been on HRT for a few years of course but it is always going to come as a shock to people going through this at first, it's a big shift after all.
+
+<br />
+
+<h2 class="text-2xl"><strong>## What I took</strong></h2>
+
+<br />
+
+I started with Estradiol Valerate tablets and Bicalutamide on DIY. I decided on taking 3x 2mg <abbr title="Estrogen">E</abbr> tablets spread across my day with a 50mg Bica tablet in the morning.
+
+<br />
+
+After about 3 weeks I took what was my second blood test (first on HRT) at the request of my <abbr title="I HIGHLY recomend them if you're in Australia btw">[Telehealth Gender Clinic](https://www.ttgc.com.au)</abbr> GP, things where looking pretty solid! 332pmol/L of Oestradiol and my <abbr title="Testosterone">T</abbr> was down to 3.6 pmol/L (Which was just from the E since Bica doesn't actually stop T production!).
+
+![Telehealth Gender Clinic Logo](https://www.ttgc.com.au/uploads/1/2/6/6/126647645/weebly-title_orig.jpg)
+
+<br />
+
+For the next few months the changes where obviously gradual but they where there and slowly but surely life returned to my soul.
+
+<br />
+
+Just a couple weeks ago I got accepted into my new job and I needed to take a picture of myself for my ID card so I took one and shared it with the girlies. The following response I got sits in my head rent free almost every day giving me good vibes.
+
+<br />
+
+<blockquote style="background-color: #C2EBC0; color: rgb(10 10 10);" class="p-2">"You look like that after three months??? Not even slightly fair" - V</blockquote>
+
+<br />
+
+Basically things HRT wise have been great. I have felt my mood improve and my self image get better too. girl starts to be more girl and is happy about that, crazy!
+
+<br />
+
+I now take [4mg of Estradiol Valorate via injection every 5 days](https://estrannai.se/#i0_cu,4,5,1-4,5,1-4,5,1-4,5,1-4,5,1-4,5,1_c,4,5,1) thanks to my perscription! Only needing to deal with administering my E once every 5 days is a life style game changer, having 100 syringes and 200 needles in my room makes me look insane but at least I'm not popping pills like clock work any more~
+
+<br />
+
+Most recently I came out to family too, I used getting my perscription as an excuse to finally tell them. Overall it went well, Parents where *fine* with it <sub>(but I haven't heard a she/her or an Aria from them yet ;;;)</sub> and my sisters where honestly super cool and supportive. My oldest sister, T, was actually really invested asking about where my name came from and having some questions about it all. I feel super lucky for how things turned out for me.
+
+<br />
+
+<h2 class="text-2xl"><strong>## What's next?</strong></h2>
+
+<br />
+
+Now that I've moved to injections and got my perscription I need to get another blood test in 3 months to check how things are going with my levels and then have a follow up appointment with the GP.
+
+<br />
+
+Since I'm out to both family and my place of work I actually feel comfortable getting clothing and items I'm comfortable in, when I get my first full paycheck from work I am going clothes shopping 100%.
+
+<br />
+
+<sub> I also need to order more <abbr title="Progesterone">Prog</abbr>,,,</sub>
+
+<br />
+<br />
+
+I have also been voice training! My commute to work is an hour drive so I try to get some [Pitch Naturalisation](https://wiki.sumianvoice.com/wiki/pages/PIPM/) practice in on the way there and back, I do however plan on also following the [Selfcest Voice Training](https://whtwnd.com/isuggest.selfce.st/3luwj44eyei2n) method, I'm not sure who my target voice references will be besides maybe Ellie from the last of us and motoko from Ghost in the Shell lmao.
+
+<br />
+
+this was extremely unorganised and jank but I am glad to get this out of my mind, there is more I want to write and share eventually but I still gotta sort that out in my head,,, you'll probably find it all on [my bsky](https://bsky.app/profile/did:plc:valun42etpm73we7bgyh64ge) anyway!!

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/Footer.astro

@@ -40,7 +40,7 @@ const COMMIT = `<a href=${commitURL} target="_blank">${execSync(`git log -1 --pr
             <br />
         </p>
     </div>
-    <div class="flex">
+    <div class="flex place-self-center">
         <img
             class="badge size-fit"
             src={`/static/img/buttons/aria.${buttonFormat}`}
@@ -54,6 +54,18 @@ const COMMIT = `<a href=${commitURL} target="_blank">${execSync(`git log -1 --pr
             src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js"
             defer></script>
     </div>
+    <iframe
+    src="https://ad.ari.lt/ads/embed?from=aria.coffee"
+    sandbox="allow-popups allow-popups-to-escape-sandbox"
+    referrerpolicy="no-referrer"
+    title="An advertisment showing a silly image and author information."
+    style="border:none;max-width:100%"
+    width="722"
+    height="98"
+    loading="lazy"
+    scrolling="no"
+    class=" place-self-center"
+> </iframe>
 </footer>
 <style is:global>
     /* Declare a custom CSS class to make the icon look right */

src/components/FriendLink.astro

@@ -3,14 +3,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="max" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Image loading="lazy" decoding="async" src={image} width=88 height=31 alt={`${name}`} class="flex" /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 88px;
+        min-width: 176px;
         width: 176px;
-        min-height: 31px;
+        max-width: 176px;
+        min-height: 62px;
         height: 62px;
-        padding: 4px;
+        max-height: 62px;
+        margin: 2px;
     }
 </style>

src/components/FriendLinkHigh.astro

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

src/components/FriendLinkLow.astro

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

src/components/FriendLinkLowAnimated.astro

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

src/components/FriendLinkMid.astro

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

src/components/FriendLinkMidAnimated.astro

@@ -0,0 +1,18 @@
+---
+import { Image, Picture } from "astro:assets";
+
+const { name, image, target } = Astro.props;
+---
+<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
+<style>
+    img {
+        image-rendering: pixelated;
+        min-width: 176px;
+        width: 176px;
+        max-width: 176px;
+        min-height: 62px;
+        height: 62px;
+        max-height: 62px;
+        padding: 0px;
+    }
+</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/layouts/BaseLayout.astro

@@ -33,7 +33,7 @@ const { pageTitle, description = "Aria's little corner of the web" } = Astro.pro
             href={new URL("rss.xml", Astro.site)}
         />
     </head>
-    <body>
+    <body class="max-w-5xl w-full mx-auto">
       <NavHeader />
       <slot />
       <Footer />

src/pages/index.astro

@@ -1,12 +1,10 @@
 ---
 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();
@@ -42,11 +40,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>
@@ -55,13 +56,13 @@ const age = seconds / 31556952;
     <Partition>
         <h1 class="text-2xl">These are cool people!!</h1>
         <br />
-        <div class="flex outline-dotted p-5 flex-wrap justify-center max-w-4xl">
+        <div class="flex outline-dotted flex-wrap justify-center box-content">
             <FriendLink
                 name="Alyxia"
                 image="https://alyxia.dev/static/img/88x31/self.png"
                 target="https://alyxia.dev"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
+            <div class="outline-dashed flex outline-3 m-0.5">
                 <FriendLink
                     name="Prefetcher"
                     image="https://nanoshinono.me/prefetcher.gif"
@@ -75,7 +76,7 @@ const age = seconds / 31556952;
             </div>
             <FriendLink
                 name="Amemoia"
-                image="https://buh.moe/resources/buttons/88x31.gif"
+                image="/static/img/88x31/BuhMoe.png"
                 target="https://buh.moe/"
             />
             <FriendLink
@@ -93,14 +94,14 @@ const age = seconds / 31556952;
                 image="https://notnite.com/buttons/notnite.png"
                 target="https://notnite.com/"
             />
-            <FriendLinkLow
+            <FriendLink
                 name="0x5066"
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"
             />
             <FriendLink
                 name="Espi"
-                image="https://espi.me/img/webring/espi.png"
+                image="https://espi.me/buttons/espi.png"
                 target="https://www.espi.me"
             />
             <FriendLink
@@ -110,7 +111,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
@@ -123,7 +124,7 @@ const age = seconds / 31556952;
                 image="https://meow-d.github.io/assets/images/buttons/meow_d.webp"
                 target="https://meow-d.github.io/"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
+            <div class="outline-dashed flex outline-3 m-0.5">
                 <FriendLink
                     name="~thermia"
                     image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
@@ -137,7 +138,7 @@ const age = seconds / 31556952;
             </div>
             <FriendLink
                 name="LeNooby 09"
-                image="https://lenooby09.tech/88x31/88x31.png"
+                image="https://lenooby09.tech/88x31.png"
                 target="https://lenooby09.tech"
             />
             <FriendLink
@@ -145,18 +146,58 @@ const age = seconds / 31556952;
                 image="https://ackwell.au/assets/88x31/ackwell-coil.png"
                 target="https://ackwell.au"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
+            <div class="outline-dashed flex outline-3 m-0.5">
                 <FriendLink
                 name="witchcraft.systems"
                 image="https://ari.express/assets/PWsbutton.png"
                 target="https://pds.witchcraft.systems/"
             />
-            <FriendLink
+                <FriendLink
                 name="Ari"
                 image="https://ari.express/assets/Button.png"
                 target="https://ari.express/"
+            />
+                <FriendLink
+                name="Friend Of witchcraft.systems"
+                image="/static/img/88x31/WitchcraftSystemsAffiliate.png"
+                target="https://witchcraft.systems/"
             />
             </div>
+            <FriendLink
+                name="ariaOS"
+                image="https://aria.catwife.dev/ariaos-button.png"
+                target="https://aria.catwife.dev/"
+            />
+            <FriendLink
+                name="Xan Surnamehere"
+                image="https://xan.lol/img/btn/meta.gif"
+                target="https://xan.lol/"
+            />
+            <FriendLink
+                name="hotsocket"
+                image="https://hotsocket.fyi/files/media/img/button.png"
+                target="https://hotsocket.fyi/"
+            />
+            <FriendLink
+                name="Addie"
+                image="https://addie.sh/live.button.gif"
+                target="https://addie.sh/"
+            />
+            <FriendLink
+                name="ari melody"
+                image="https://arimelody.space/img/buttons/ari%20melody.gif"
+                target="https://arimelody.space/"
+            />
+            <FriendLink
+                name="koldinium"
+                image="https://koldinium.com/links/kold.png"
+                target="https://koldinium.com/"
+            />
+            <FriendLink
+                name="RestedWicked"
+                image="https://cdn.restedwicked.xyz/restedwicked_button.png"
+                target="https://restedwicked.xyz/"
+            />
         </div>
         <br />
         <a href="/other buttons">Extra 88x31 buttons!</a>
@@ -202,6 +243,4 @@ const age = seconds / 31556952;
             ageElem!.outerHTML = `<span class="tooltip">${Math.floor(age)}<span class="tooltiptext"><nobr>${age.toFixed(8)} years to be exact!</nobr></span></span>`;
         }, 1000);
     </script>
-
-    <style is:inline></style>
 </BaseLayout>

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")
@@ -54,7 +56,7 @@ body {
 	color: var(--fourth-colour);
 }
 
-@media screen and (max-width: 899px) {
+@media screen and (max-width: 1024px) {
 	body {
 		width: 95%;
 		padding-top: 0.5em;