aria/aria.coffee
1
0
Fork 0
mirror of https://git.aria.coffee/BuyMyAria/aria.coffee.git synced 2025-07-28 02:59:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: attempted image fix

Browse source
This commit is contained in:
aria 2025-07-25 13:29:58 +10:00
parent 39540fcde5
commit 305b7d4272
Signed by: aria
SSH key fingerprint: SHA256:WqtcVnDMrv1lnUlNah5k31iywFUI/DV+5yHzCTO4Vds
7 changed files with 32 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
astro.config.mjs
View file

@ -18,7 +18,7 @@ export default defineConfig({
site: "https://aria.coffee", site: "https://aria.coffee",
integrations: [ integrations: [
preact(), preact(),
tailwind(), // tailwind(),
icon(), icon(),
mdx(), mdx(),
matomo({ matomo({

10
src/components/FriendLink.astro
View file

@ -3,14 +3,16 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props; 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=176 height=62 alt={`${name}`} sizes={"0.5x 1x 2x 4x"} class="flex" quality="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
<style> <style>
img { img {
image-rendering: pixelated; image-rendering: pixelated;
min-width: 88px; min-width: 176px;
width: 176px; width: 176px;
min-height: 31px; max-width: 176px;
min-height: 62px;
height: 62px; height: 62px;
padding: 4px; max-height: 62px;
scale: 1;
} }
</style> </style>

8
src/components/FriendLinkHigh.astro
View file

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

8
src/components/FriendLinkLow.astro
View file

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

8
src/components/FriendLinkLowAnimated.astro
View file

@ -3,14 +3,16 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props; 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={['webp']} /></a>
<style> <style>
img { img {
image-rendering: pixelated; image-rendering: pixelated;
min-width: 88px; min-width: 176px;
width: 176px; width: 176px;
min-height: 31px; max-width: 176px;
min-height: 62px;
height: 62px; height: 62px;
max-height: 62px;
padding: 4px; padding: 4px;
} }
</style> </style>

8
src/components/FriendLinkMid.astro
View file

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

8
src/components/FriendLinkMidAnimated.astro
View file

@ -3,14 +3,16 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props; 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={['webp']} /></a>
<style> <style>
img { img {
image-rendering: pixelated; image-rendering: pixelated;
min-width: 88px; min-width: 176px;
width: 176px; width: 176px;
min-height: 31px; max-width: 176px;
min-height: 62px;
height: 62px; height: 62px;
max-height: 62px;
padding: 4px; padding: 4px;
} }
</style> </style>