My landing page, written in Astro hayden.moe

feat: use other people's bage images

+9 -4
public/88x31/alyxia.png

This is a binary file and will not be displayed.

public/88x31/aria.gif

This is a binary file and will not be displayed.

public/88x31/sapphic.png

This is a binary file and will not be displayed.

+1 -1
src/app/routes/_index.tsx
··· 46 46 {frens.map((fren, idx) => ( 47 47 <a href={fren.url} key={idx}> 48 48 <img 49 - src={`/88x31/${fren.img}`} 49 + src={fren.img} 50 50 className="rendering-pixelated" 51 51 width={88} 52 52 height={31}
+8 -3
src/ring/index.ts
··· 7 7 export const frens: Fren[] = [ 8 8 { 9 9 name: 'Sapphic Angels', 10 - img: 'sapphic.png', 10 + img: 'https://sapphic.moe/buttons/friends/sapphic/image.png', 11 11 url: 'https://sapphic.moe', 12 12 }, 13 13 { 14 14 name: 'Alyxia', 15 - img: 'alyxia.png', 15 + img: 'https://alyxia.dev/static/img/88x31/self.png', 16 16 url: 'https://alyxia.dev', 17 17 }, 18 18 { 19 19 name: 'Aria', 20 - img: 'aria.gif', 20 + img: 'https://aria.coffee/static/img/buttons/aria.gif', 21 21 url: 'https://aria.coffee', 22 + }, 23 + { 24 + name: 'notnite', 25 + img: 'https://notnite.com/buttons/notnite.png', 26 + url: 'https://notnite.com', 22 27 } 23 28 ];