1
0

Refactor: Use external SVG file for play button

- Replace embedded SVG code with external play.svg file
- Update HTML to use <img src='play.svg'> for cleaner code
- Update CSS selector from 'svg' to 'img' element
- Maintain all existing functionality and styling
- Improve code maintainability and separation of concerns
- Enable better caching and easier SVG updates
This commit is contained in:
Michael Verdi
2025-07-30 10:35:32 -05:00
parent 45e1617ca3
commit e748d904ea
3 changed files with 66 additions and 65 deletions

11
play.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="178" height="178" viewBox="0 0 178 178" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.277832" y="0.5" width="176.891" height="176.891" rx="88.4453" fill="black" fill-opacity="0.7" style="mix-blend-mode:color-dodge"/>
<g clip-path="url(#clip0_61_569)">
<path d="M129.531 81.5831C133.792 84.8001 133.792 91.2001 129.531 94.4171L72.5213 137.46C67.224 141.459 59.6361 137.68 59.6361 131.043V44.9577C59.6361 38.3201 67.224 34.5413 72.5213 38.5407L129.531 81.5831Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_61_569">
<rect width="128.648" height="128.648" fill="white" transform="translate(29.4844 23.676)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 660 B