thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2025-12-23 14:33:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update tracks list

Browse Source
This commit is contained in:
thiloho
2025-12-10 22:41:35 +01:00
parent 323ec46753
commit 70a0434236
3 changed files with 1213 additions and 716 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Track.astro
View File

@@ -19,8 +19,8 @@ const thumbnail = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
<a
href={youtubeLink}
class="relative mt-4 block p-4 duration-300 after:absolute after:inset-0 after:z-0 after:bg-[rgba(255,255,255,0.75)] after:content-[''] first:mt-0 hover:scale-105 dark:after:bg-[rgba(38,38,38,0.75)]"
style={`word-break: break-word; background-image: url('${thumbnail}'); background-size: cover; background-position: center;`}
class="relative mt-8 block h-[360px] bg-cover bg-center p-4 duration-300 after:absolute after:inset-0 after:z-0 after:bg-[rgba(255,255,255,0.75)] after:content-[''] first:mt-0 hover:scale-105 dark:after:bg-[rgba(38,38,38,0.75)]"
style={`word-break: break-word; background-image: url('${thumbnail}')`}
>
<div
class="relative z-10 flex flex-col gap-2 text-neutral-900 dark:text-white"

1923
src/content/tracks.json
View File

File diff suppressed because it is too large Load Diff

2
src/pages/tracks.astro
View File

@@ -7,7 +7,7 @@ const tracks = await getCollection("tracks");
---
<PageLayout
title="Tracks"
title={`Tracks (${tracks.length})`}
description="My entire music playlist. It contains all kinds of songs."
>
<div id="loading-indicator" class="flex flex-col items-center gap-2">