Add streaming links for Disciples of Dysfunction (Apple Music, Spotify)

CuWilliams · claude · CuWilliams · commit becf6cab6c41 · 2026-02-11T13:16:36.000-03:30
Introduce streamingLinks array on tracks replacing per-platform fields,
add announcement linking to Apple Music, and render platform icons on
the releases page tracklist.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/assets/css/components.css b/assets/css/components.css
@@ -1871,6 +1871,19 @@ p.origin-placeholder {
   flex-shrink: 0;
 }
 
+.release-card__streaming-link {
+  flex-shrink: 0;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-muted);
+  text-decoration: none;
+  transition: color var(--transition-base);
+}
+
+.release-card__streaming-link:hover,
+.release-card__streaming-link:focus {
+  color: var(--color-primary);
+}
+
 
 /*
   STREAMING LINKS
diff --git a/assets/data/announcements.json b/assets/data/announcements.json
@@ -1,6 +1,18 @@
 {
   "announcements": [
-    {
+   {
+  "id": "004",
+  "date": "2025-02-11",
+  "title": "From Garage to Global: dURT Goes Streaming",
+  "category": "release",
+  "excerpt": "We did something terrifying. We put our music on the actual internet. 'Disciples of Dysfunction' is now streaming everywhere alongside actual musicians.",
+  "content": "<p>We did something terrifying. We put our music on the internet. Not just our internet — the internet. Spotify. Apple Music. Everywhere. 'Disciples of Dysfunction' is now streaming on every major platform alongside actual musicians who actually know what they're doing.</p><p>Most of our families don't know yet. We're not hiding it. We're just... strategically delaying that conversation.</p><p>The road to distribution wasn't without incident. Our AI-generated album art had to be pulled and re-submitted after we noticed the drummer's hand was on the wrong arm. The distribution Inspectors didn't flag it. We almost went global with a medical anomaly on the cover. Classic.</p><p>So here we are. Two grizzled rocker wannabes, one single, and every streaming platform known to mankind. If this ain't retirement, we don't know what is. Give it a listen. Put it on your playlist. Hit repeat. At our current royalty rate, we should recoup the $9.99 distribution fee by 2087.</p>",
+  "link": {
+    "url": "https://music.apple.com/ca/album/disciples-of-dysfunction/1876451162?i=1876451163",
+    "text": "Stream Disciples of Dysfunction"
+  },
+  "featured": true
+}, {
   "id": "003",
   "date": "2025-01-19",
   "title": "Divine Intervention: We Actually Have Music Now",
@@ -11,7 +23,7 @@
     "url": "/releases#release-ecclesiastical-tapes-2025",
     "text": "Witness the Miracle"
   },
-  "featured": true
+  "featured": false
 },
     {
   "id": "002",
diff --git a/assets/data/releases.json b/assets/data/releases.json
@@ -15,7 +15,7 @@
     { "title": "Two Sticks", "hasAudio": true, "audioFile": "/assets/audio/ecclesiastical-tapes/two-sticks.mp3", "duration": "3:22", "featured": false, "artwork": "/assets/images/songs/two-sticks.png", "artworkAlt": "Biblical mosh pit"},
     { "title": "Confession Booth Blues", "hasAudio": false },
     { "title": "The Book of Regrets (Chapters 1-47)", "hasAudio": false },
-    { "title": "Disciples of Dysfunction", "hasAudio": true, "audioFile": "/assets/audio/ecclesiastical-tapes/disciples-of-dysfunction.mp3", "duration": "3:54", "featured": true, "artwork": "/assets/images/songs/disciples-of-dysfunction.png", "artworkAlt": "Roman rock bar"},
+    { "title": "Disciples of Dysfunction", "hasAudio": true, "audioFile": "/assets/audio/ecclesiastical-tapes/disciples-of-dysfunction.mp3", "duration": "3:54", "featured": true, "artwork": "/assets/images/songs/disciples-of-dysfunction.png", "artworkAlt": "Roman rock bar", "streamingLinks": [{ "platform": "apple-music", "url": "https://music.apple.com/ca/album/disciples-of-dysfunction/1876451162?i=1876451163" },{ "platform": "spotify", "url": "https://open.spotify.com/album/5fu2bfKTX2Lc5nDztcJMpb" }]},
     { "title": "Confession Booth Blues", "hasAudio": false },
     { "title": "Apocalypse? More Like Apoca-Nips (Of Whiskey)", "hasAudio": false },
     { "title": "Amen (We Think That's How It Ends)", "hasAudio": false }
diff --git a/assets/js/releases.js b/assets/js/releases.js
@@ -26,11 +26,21 @@
  *   Why stored in data? Ensures alt text is content-managed, not hardcoded
  * - description: Album description (string, supports plain text)
  * - tracklist: Array of track objects (or strings for backward compatibility)
- *   Each track object contains: title, hasAudio, and optional audioFile, duration, sunoUrl, artwork, featured
+ *   Each track object contains: title, hasAudio, and optional audioFile, duration, streamingLinks, artwork, featured
  * - featured: Boolean flag to highlight primary/newest release
  *   Featured releases get special styling (larger cards, prominent borders)
  */
 
+// =============================================================================
+// STREAMING PLATFORM CONFIG
+// =============================================================================
+
+const STREAMING_PLATFORMS = {
+  'apple-music': { label: 'Apple Music', icon: '🍎' },
+  'spotify':     { label: 'Spotify',     icon: '🎧' },
+  'suno':        { label: 'Suno',        icon: '🎵' }
+};
+
 // =============================================================================
 // DATA FETCHING
 // =============================================================================
@@ -150,6 +160,12 @@ function renderReleaseCard(release) {
             };
             const dataAttr = encodeURIComponent(JSON.stringify(trackData));
 
+            const streamingHTML = (track.streamingLinks || []).map(link => {
+              const config = STREAMING_PLATFORMS[link.platform];
+              if (!config) return '';
+              return `<a class="release-card__streaming-link" href="${link.url}" target="_blank" rel="noopener noreferrer" aria-label="Listen to ${trackTitle} on ${config.label}" title="${config.label}">${config.icon}</a>`;
+            }).join('');
+
             return `<li class="release-card__track release-card__track--playable">
               <button class="release-card__play-btn"
                       type="button"
@@ -159,6 +175,7 @@ function renderReleaseCard(release) {
               </button>
               <span class="release-card__track-title">${trackTitle}</span>
               ${track.duration ? `<span class="release-card__track-duration">${track.duration}</span>` : ''}
+              ${streamingHTML}
             </li>`;
           } else {
             return `<li class="release-card__track">${trackTitle}</li>`;
diff --git a/docs/DATA_SCHEMA.md b/docs/DATA_SCHEMA.md
@@ -115,7 +115,7 @@ Releases can have animated cover art using MP4/WebM video files. The video autop
 }
 ```
 
-> **Note:** Streaming links (Spotify, Apple Music, etc.) are not currently supported at the release level. Audio playback is handled via individual tracks with the `audioFile` field, and external links can be added at the track level via `sunoUrl`.
+> **Note:** Streaming links (Spotify, Apple Music, Suno) are supported at the track level via the `streamingLinks` array. Audio playback is handled via the `audioFile` field.
 
 ### Track Schema
 
@@ -128,7 +128,11 @@ Each track in the tracklist is an object with the following fields:
     "hasAudio": true,
     "audioFile": "/assets/audio/album/track.mp3",
     "duration": "3:42",
-    "sunoUrl": "https://suno.com/song/abc123",
+    "streamingLinks": [
+      { "platform": "apple-music", "url": "https://music.apple.com/..." },
+      { "platform": "spotify", "url": "https://open.spotify.com/..." },
+      { "platform": "suno", "url": "https://suno.com/song/abc123" }
+    ],
     "artwork": "/assets/images/songs/track-art.png",
     "artworkAlt": "Description of track artwork",
     "artworkVideo": "/assets/images/songs/track-art.mp4",
@@ -148,13 +152,22 @@ Each track in the tracklist is an object with the following fields:
 | `hasAudio` | boolean | Yes | Whether playable audio exists |
 | `audioFile` | string | If hasAudio | Path to MP3 file |
 | `duration` | string | If hasAudio | Track length (MM:SS format) |
-| `sunoUrl` | string | No | Link to Suno platform |
+| `streamingLinks` | array | No | Array of streaming platform links (see below) |
 | `artwork` | string | No | Track-specific artwork (falls back to album art) |
 | `artworkAlt` | string | No | Alt text for track artwork |
 | `artworkVideo` | string | No | Animated track artwork video (MP4) |
 | `artworkVideoPoster` | string | No | Poster image for video (defaults to artwork) |
 | `featured` | boolean | No | Highlight as featured song (default: false) |
 
+### Streaming Links Schema
+
+Each entry in `streamingLinks` is an object:
+
+| Field | Type | Required | Description |
+|-------|------|----------|-------------|
+| `platform` | string | Yes | One of: `apple-music`, `spotify`, `suno` |
+| `url` | string | Yes | Full URL to the track on that platform |
+
 > **Note:** Track artwork video fields follow the same conventions as album cover videos. If a track has `artworkVideo` specified, it will display as animated artwork. If not, the track inherits the album's video (if any) or falls back to static images.
 
 ---
