HoneyandClaude Sonnet 4.6
3d6b74b873
- icon.svg: replaced music-note with 5-bar equalizer waveform (gold gradient on dark bg) — works well as favicon and app icon at all sizes - index.html: add <link rel="icon"> so browsers pick up the favicon; move #btn-star-current out of the title row and into player-track so player-track's align-items:center centers it with the full info block - styles.css: add flex:1 to .player-info base rule; remove stale mobile overrides that assumed the star was inside player-info (position:absolute, padding-right hack) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
1.3 KiB
XML
26 lines
1.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<defs>
|
|
<radialGradient id="bg" cx="40%" cy="35%" r="72%">
|
|
<stop offset="0%" stop-color="#1c1c30"/>
|
|
<stop offset="100%" stop-color="#07070f"/>
|
|
</radialGradient>
|
|
<linearGradient id="bar" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#f5b83a"/>
|
|
<stop offset="100%" stop-color="#c07515"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#e8a020" stop-opacity="0.2"/>
|
|
<stop offset="100%" stop-color="#e8a020" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
<rect width="512" height="512" rx="90" fill="#07070f"/>
|
|
<rect width="512" height="512" rx="90" fill="url(#bg)"/>
|
|
<ellipse cx="256" cy="256" rx="210" ry="160" fill="url(#glow)"/>
|
|
<!-- Equalizer bars: 5 bars, varying heights, vertically centered -->
|
|
<rect x="103" y="196" width="50" height="120" rx="25" fill="url(#bar)"/>
|
|
<rect x="167" y="151" width="50" height="210" rx="25" fill="url(#bar)"/>
|
|
<rect x="231" y="111" width="50" height="290" rx="25" fill="url(#bar)"/>
|
|
<rect x="295" y="166" width="50" height="180" rx="25" fill="url(#bar)"/>
|
|
<rect x="359" y="206" width="50" height="100" rx="25" fill="url(#bar)"/>
|
|
</svg>
|