c

index.html

@@ -88,6 +88,11 @@
                                 <span>Status</span>
                             </a>
                         </li>
+                        <li class="nav-item">
+                            <a href="https://plausible.canine.tools/monochrome.tf/" target="_blank" rel="noopener noreferrer">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-combined-icon lucide-chart-no-axes-combined"><path d="M12 16v5"/><path d="M16 14v7"/><path d="M20 10v11"/><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"/><path d="M4 18v3"/><path d="M8 14v7"/></svg>                                <span>analytics</span>
+                            </a>
+                        </li>
                     </ul>
                 </nav>
             </div>

js/app.js

@@ -1034,7 +1034,10 @@ document.addEventListener('DOMContentLoaded', async () => {
     const updateVolumeUI = () => {
         const { volume, muted } = audioPlayer;
         volumeBtn.innerHTML = (muted || volume === 0) ? SVG_MUTE : SVG_VOLUME;
+<<<<<<< Updated upstream
 
+=======
+>>>>>>> Stashed changes
         const effectiveVolume = muted ? 0 : volume * 100;
 
         volumeFill.style.setProperty('--volume-level', `${effectiveVolume}%`);