diff --git a/public/images/music/skull.webp b/public/images/music/skull.webp new file mode 100644 index 0000000..db362a7 Binary files /dev/null and b/public/images/music/skull.webp differ diff --git a/public/music.css b/public/music.css index 413285f..fbd4de7 100644 --- a/public/music.css +++ b/public/music.css @@ -93,10 +93,16 @@ svg { display: block } -.playing circle { - stroke-dasharray: 3.5; - animation: dash 4s infinite linear; - transform-origin: 50%; +.playing { + svg { + opacity: 1; + } + + circle { + stroke-dasharray: 3.5; + animation: dash 4s infinite linear; + transform-origin: 50%; + } } @keyframes dash { diff --git a/public/music/skull.mp3 b/public/music/skull.mp3 new file mode 100644 index 0000000..8baf470 Binary files /dev/null and b/public/music/skull.mp3 differ diff --git a/src/_data/music.json b/src/_data/music.json index 20f9615..ee2d459 100644 --- a/src/_data/music.json +++ b/src/_data/music.json @@ -1,4 +1,9 @@ [ + { + "title": "Skull", + "date": "2024-11-07", + "tags": [] + }, { "title": "Neon", "date": "2024-10-28",