diff options
| author | netop://ウィビ <paul@webb.page> | 2026-07-23 14:05:13 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-07-23 14:05:13 -0700 |
| commit | 0946abd0bc866ca1f0c073eb45e8e2c7822e4e44 (patch) | |
| tree | 5f74327da499a274af36691cf739265b82b846d6 /src/lib/component/Music.svelte | |
| parent | cc0677961c237748017fb5946455390af3a50ab6 (diff) | |
| download | homepage-0946abd0bc866ca1f0c073eb45e8e2c7822e4e44.tar.gz homepage-0946abd0bc866ca1f0c073eb45e8e2c7822e4e44.zip | |
updates deps and svelte config
Diffstat (limited to '')
| -rw-r--r-- | src/lib/component/Music.svelte | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/src/lib/component/Music.svelte b/src/lib/component/Music.svelte index 01b731a..d4cdff8 100644 --- a/src/lib/component/Music.svelte +++ b/src/lib/component/Music.svelte @@ -244,7 +244,7 @@ }, ]; - let activeRelease: string; + let activeRelease: string = $state(""); </script> <style lang="scss"> @@ -336,16 +336,24 @@ <li> <button class:active={activeRelease === release.id} - on:click={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button> + onclick={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button> {#if activeRelease === release.id} <div class="player"> <img alt={release.title + " art"} src={"/images/bandcamp/" + release.id + ".jpg"}/> - <!-- svelte-ignore a11y-missing-attribute --> + <!-- svelte-ignore a11y_missing_attribute --> {#if release.type === "album"} - <iframe style="height: 300px;" src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe> + <iframe + seamless + src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" + style="height: 300px;" + title={release.title}></iframe> {:else} - <iframe style="height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe> + <iframe + seamless + src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" + style="height: 42px;" + title={release.title}></iframe> {/if} </div> {/if} |