thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2025-11-22 02:11:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Adjust album cover alt tag for prod

Browse Source
This commit is contained in:
thiloho
2025-04-27 11:52:18 +02:00
parent d71254c98c
commit 43088de07b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/tracks.astro
View File

@@ -20,7 +20,7 @@ const processedAlbumCovers = albumCovers.map((cover) => {
artists = artists.replaceAll("_", ","); artists = artists.replaceAll("_", ",");
} }
return { cover, filename, artists, title }; return { cover, artists, title };
}); });
const sortedAlbumCovers = processedAlbumCovers.sort((a, b) => const sortedAlbumCovers = processedAlbumCovers.sort((a, b) =>
@@ -41,14 +41,14 @@ const sortedAlbumCovers = processedAlbumCovers.sort((a, b) =>
class="not-prose relative start-1/2 -ms-[min(50vw-1rem,50ch)] grid max-w-[calc(min(100vw-2rem,100ch))] grid-cols-[repeat(auto-fit,minmax(min(100%,200px),1fr))] place-content-center gap-4" class="not-prose relative start-1/2 -ms-[min(50vw-1rem,50ch)] grid max-w-[calc(min(100vw-2rem,100ch))] grid-cols-[repeat(auto-fit,minmax(min(100%,200px),1fr))] place-content-center gap-4"
> >
{ {
sortedAlbumCovers.map(({ cover, filename, artists, title }) => ( sortedAlbumCovers.map(({ cover, artists, title }) => (
<figure> <figure>
<a <a
href={`https://music.youtube.com/search?q=${encodeURIComponent(`${title} - ${artists}`)}`} href={`https://music.youtube.com/search?q=${encodeURIComponent(`${title} - ${artists}`)}`}
> >
<Image <Image
src={cover.default} src={cover.default}
alt={`Cover for the song '${filename}'`} alt={`Cover for the song '${title}' by artist(s) '${artists}'`}
class="border border-neutral-400 duration-300 hover:scale-105 dark:border-neutral-500" class="border border-neutral-400 duration-300 hover:scale-105 dark:border-neutral-500"
/> />
</a> </a>