From 0b1c7fa1996522173faf7420e5a80adb29f29684 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sat, 4 Apr 2026 08:06:03 -0400
Subject: [PATCH] Website: MP3 download button per track

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 site/index.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/site/index.html b/site/index.html
index d2a0136..539632c 100644
--- a/site/index.html
+++ b/site/index.html
@@ -308,6 +308,20 @@
             color: #887a3a;
         }
 
+        /* Download link */
+        .track-dl {
+            font-size: 14px;
+            color: #444;
+            text-decoration: none;
+            flex-shrink: 0;
+            padding: 4px;
+            transition: color 0.15s;
+        }
+
+        .track-dl:hover {
+            color: #c8a846;
+        }
+
         /* Share link */
         .track-share {
             font-size: 12px;
@@ -477,6 +491,7 @@ TRACKS.forEach((t, i) => {
             <div class="track-meta">${meta}</div>
             <div class="track-desc">${t.desc}</div>
         </div>
+        <a class="track-dl" href="mp3s/${t.file}.mp3" download title="Download MP3" onclick="event.stopPropagation()">↓</a>
         <span class="track-duration" id="dur-${i}">—</span>
     `;
     el.onclick = () => playTrack(i);