Wowie what a gay little website for my gay little self aria.coffee
3
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: attempted image fix

aria 305b7d42 39540fcd

+32 -20
+1 -1
astro.config.mjs
··· 18 18 site: "https://aria.coffee", 19 19 integrations: [ 20 20 preact(), 21 - tailwind(), 21 + // tailwind(), 22 22 icon(), 23 23 mdx(), 24 24 matomo({
+6 -4
src/components/FriendLink.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 14 - padding: 4px; 15 + max-height: 62px; 16 + scale: 1; 15 17 } 16 18 </style>
+5 -3
src/components/FriendLinkHigh.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 15 + max-height: 62px; 14 16 padding: 4px; 15 17 } 16 18 </style>
+5 -3
src/components/FriendLinkLow.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 15 + max-height: 62px; 14 16 padding: 4px; 15 17 } 16 18 </style>
+5 -3
src/components/FriendLinkLowAnimated.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 15 + max-height: 62px; 14 16 padding: 4px; 15 17 } 16 18 </style>
+5 -3
src/components/FriendLinkMid.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 15 + max-height: 62px; 14 16 padding: 4px; 15 17 } 16 18 </style>
+5 -3
src/components/FriendLinkMidAnimated.astro
··· 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <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> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; 10 - min-width: 88px; 10 + min-width: 176px; 11 11 width: 176px; 12 - min-height: 31px; 12 + max-width: 176px; 13 + min-height: 62px; 13 14 height: 62px; 15 + max-height: 62px; 14 16 padding: 4px; 15 17 } 16 18 </style>