a simple web player for subsonic tinysub.devins.page
subsonic navidrome javascript
11
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: new icon

based on lucide music icon

+16 -2
+8 -1
public/assets/favicon.svg
··· 1 - <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><rect width="32" height="32" fill="url(#a)" rx="2"/><g filter="url(#b)"><path fill="url(#c)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10m2-10a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></g><defs><linearGradient id="a" x1="26.286" x2="5.714" y1="0" y2="32" gradientUnits="userSpaceOnUse"><stop stop-color="#f93"/><stop offset="1" stop-color="#f73"/></linearGradient><linearGradient id="c" x1="22.429" x2="9.571" y1="6" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#f93"/><stop offset="1" stop-color="#f73"/></linearGradient><filter id="b" width="26" height="26" x="3" y="4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7_31"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_7_31" result="shape"/></filter></defs></svg> 1 + <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 + <rect width="32" height="32" rx="2" fill="#FF7733"/> 3 + <path d="M20 9H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4 + <path d="M15 16H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5 + <path d="M15 23H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6 + <path d="M25 20V9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7 + <path d="M22 23C23.6569 23 25 21.6569 25 20C25 18.3431 23.6569 17 22 17C20.3431 17 19 18.3431 19 20C19 21.6569 20.3431 23 22 23Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 8 + </svg>
public/assets/tinysub-192.png

This is a binary file and will not be displayed.

public/assets/tinysub-512.png

This is a binary file and will not be displayed.

+8 -1
src/assets/tinysub.svg
··· 1 - <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><rect width="32" height="32" fill="url(#a)" rx="2"/><g filter="url(#b)"><path fill="url(#c)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10m2-10a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></g><defs><linearGradient id="a" x1="26.286" x2="5.714" y1="0" y2="32" gradientUnits="userSpaceOnUse"><stop stop-color="#f93"/><stop offset="1" stop-color="#f73"/></linearGradient><linearGradient id="c" x1="22.429" x2="9.571" y1="6" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#f93"/><stop offset="1" stop-color="#f73"/></linearGradient><filter id="b" width="26" height="26" x="3" y="4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7_31"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_7_31" result="shape"/></filter></defs></svg> 1 + <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 + <rect width="32" height="32" rx="2" fill="#FF7733"/> 3 + <path d="M20 9H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4 + <path d="M15 16H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5 + <path d="M15 23H7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6 + <path d="M25 20V9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7 + <path d="M22 23C23.6569 23 25 21.6569 25 20C25 18.3431 23.6569 17 22 17C20.3431 17 19 18.3431 19 20C19 21.6569 20.3431 23 22 23Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 8 + </svg>