diff options
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} |