aria/aria.coffee
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

Compare commits

base: aria:2bdd0f351bd443023c91a32db89925df4efb52f0
Branches Tags
aria:main
aria:v0.2.0
aria:v0.1.0
aria:v0.0.1
...
compare: aria:ff45976e1f521b8f0e6d299932f5b0e97bad5da1
Branches Tags
aria:main
aria:v0.2.0
aria:v0.1.0
aria:v0.0.1

3 commits
2bdd0f351b ... ff45976e1f

Author SHA1 Message Date
aria
ff45976e1f
feat: prepare alternative custom button for Amemoia for performance reasons in the future
All checks were successful
Deploy to Web Server / deploy (push) Successful in 2m25s
Details
2025-06-01 21:26:18 +10:00
aria
d47996b308
perf(FriendLink*): add AVIF format to buttons 2025-06-01 21:25:38 +10:00
aria
e14e66bcf9
perf(index): change Amemoia's button to FriendLinkLow 2025-06-01 21:23:53 +10:00
6 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/static/img/88x31/BuhMoe.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

2
src/components/FriendLink.astro
View file

@ -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;

2
src/components/FriendLinkHigh.astro
View file

@ -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;

2
src/components/FriendLinkLow.astro
View file

@ -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;

2
src/components/FriendLinkMid.astro
View file

@ -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;

2
src/pages/index.astro
View file

@ -73,7 +73,7 @@ const age = seconds / 31556952;
target="https://ata.moe"
/>
</div>
<FriendLink
<FriendLinkLow
name="Amemoia"
image="https://buh.moe/resources/buttons/88x31.gif"
target="https://buh.moe/"