JL Kruger
0d84daea6a
- Wire all new PlaylistPirate-generated pages into playlists.html hub - Update subtitle count (4 → 21 playlists, 269 → 1601 tracks) - Add missing back-link to ../index.html with target="_top" - Cards sorted alphabetically; eclectica-experimenti updated Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1587 lines
84 KiB
HTML
1587 lines
84 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Shuffle For An Hour On Your Own | PLAYLISTS</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Faculty+Glyphic&family=Rambla:wght@400;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
|
<style>
|
|
|
|
:root {
|
|
--bg-void: #04060b;
|
|
--text-warm: #e8d5b8;
|
|
--text-muted: #7a6f5e;
|
|
--fp: #7c3aed;
|
|
--fb: #a06af0;
|
|
--fd: #4c1d95;
|
|
--fg: rgba(124,58,237,0.18);
|
|
}
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
background: var(--bg-void);
|
|
color: var(--text-warm);
|
|
font-family: 'Rambla', sans-serif;
|
|
line-height: 1.5; min-height: 100vh;
|
|
}
|
|
|
|
header {
|
|
position: sticky; top: 0; z-index: 100;
|
|
background: var(--bg-void);
|
|
border-bottom: 1px solid var(--fd);
|
|
padding: 1rem 2rem;
|
|
display: flex; align-items: center;
|
|
justify-content: space-between; gap: 2rem;
|
|
}
|
|
.hd-main { display: flex; align-items: baseline; gap: 1.5rem; flex-grow: 1; min-width: 0; }
|
|
header h1 {
|
|
font-family: 'Faculty Glyphic', sans-serif; color: var(--fp);
|
|
font-size: 2rem; font-weight: normal;
|
|
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
|
|
}
|
|
.hd-meta {
|
|
font-family: 'Share Tech Mono', monospace;
|
|
color: var(--text-muted); font-size: 0.9rem;
|
|
text-transform: uppercase; white-space: nowrap;
|
|
}
|
|
.nav-links { display: flex; gap: 1.5rem; }
|
|
.back-link {
|
|
font-family: 'Share Tech Mono', monospace;
|
|
color: var(--fp); text-decoration: none;
|
|
font-size: 1rem; white-space: nowrap;
|
|
transition: color 100ms ease;
|
|
}
|
|
.back-link:hover { color: var(--fb); }
|
|
.menu-toggle {
|
|
display: none; background: none;
|
|
border: 1px solid var(--fp); color: var(--fp);
|
|
padding: 0.5rem; font-family: 'Share Tech Mono', monospace;
|
|
cursor: pointer; font-size: 1.2rem;
|
|
}
|
|
@media (max-width: 640px) {
|
|
header { padding: 1rem; }
|
|
header h1 { font-size: 1.5rem; }
|
|
.menu-toggle { display: block; }
|
|
.nav-links {
|
|
display: none; position: absolute;
|
|
top: 100%; left: 0; right: 0;
|
|
background: var(--bg-void);
|
|
flex-direction: column; padding: 1rem;
|
|
border-bottom: 1px solid var(--fd);
|
|
}
|
|
.nav-links.open { display: flex; }
|
|
}
|
|
.track-list { max-width: 1000px; margin: 2rem auto; padding: 0 1rem 5rem; }
|
|
.track-card {
|
|
display: flex; flex-direction: column;
|
|
border-left: 1px solid var(--fd);
|
|
margin-bottom: 0.5rem; position: relative;
|
|
transition: background 100ms ease, border-color 100ms ease;
|
|
}
|
|
.track-card::after {
|
|
content: ''; position: absolute;
|
|
bottom: -0.25rem; left: 0; right: 0;
|
|
height: 1px; background: var(--fd); opacity: 0.1;
|
|
}
|
|
.track-card:hover { background: var(--fg); border-color: var(--fp); }
|
|
.track-card.active { border-color: var(--fp); }
|
|
.track-row { display: flex; padding: 1.25rem 1.5rem; gap: 1.5rem; }
|
|
.zone-l {
|
|
width: 2.5rem; flex-shrink: 0;
|
|
display: flex; align-items: flex-start; padding-top: 0.2rem;
|
|
}
|
|
.track-num {
|
|
font-family: 'Share Tech Mono', monospace;
|
|
color: var(--text-muted); font-size: 0.95rem;
|
|
}
|
|
.zone-r { flex-grow: 1; min-width: 0; }
|
|
.track-name {
|
|
font-family: 'Rambla', sans-serif; font-weight: 700;
|
|
font-size: 1.1rem; color: var(--text-warm); margin-bottom: 0.2rem;
|
|
}
|
|
.artist-name {
|
|
font-family: 'Rambla', sans-serif; font-size: 0.95rem;
|
|
color: var(--fp); margin-bottom: 0.25rem;
|
|
}
|
|
.album-meta {
|
|
font-family: 'Share Tech Mono', monospace;
|
|
font-size: 0.7rem; color: var(--text-muted);
|
|
text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem;
|
|
}
|
|
.links-row { display: flex; flex-wrap: wrap; gap: 1rem; }
|
|
.tl {
|
|
font-family: 'Share Tech Mono', monospace; font-size: 0.75rem;
|
|
color: var(--fp); text-decoration: none;
|
|
transition: color 100ms ease; cursor: pointer;
|
|
background: none; border: none; padding: 0;
|
|
}
|
|
.tl:hover { color: var(--fb); }
|
|
.tl.na { color: var(--text-muted); cursor: default; pointer-events: none; }
|
|
.tl.sp { color: #1db954; }
|
|
.tl.sp:hover { color: #1ed760; }
|
|
.embed-wrap {
|
|
display: none; width: 100%;
|
|
background: var(--fg); border-top: 1px solid var(--fd); padding: 1rem;
|
|
}
|
|
.track-card.active .embed-wrap { display: block; }
|
|
.embed-ratio { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
|
|
.embed-ratio iframe {
|
|
position: absolute; top: 0; left: 0;
|
|
width: 100%; height: 100%; border: 0;
|
|
}
|
|
@media (max-width: 480px) {
|
|
.track-row { padding: 1rem; gap: 1rem; }
|
|
}
|
|
footer {
|
|
margin-top: 5rem; padding: 2rem;
|
|
border-top: 1px solid var(--fd);
|
|
font-family: 'Share Tech Mono', monospace;
|
|
color: var(--text-muted); font-size: 0.8rem; text-align: center;
|
|
}
|
|
footer a { color: var(--fp); text-decoration: none; }
|
|
footer a:hover { color: var(--fb); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="hd-main">
|
|
<h1>Shuffle For An Hour On Your Own</h1>
|
|
<span class="hd-meta">56 TRACKS • 56 EMBEDDED</span>
|
|
</div>
|
|
<button class="menu-toggle" id="mt">☰</button>
|
|
<nav class="nav-links" id="nl">
|
|
<a href="playlists.html" class="back-link">← Playlists</a>
|
|
</nav>
|
|
</header>
|
|
<main class="track-list">
|
|
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">01</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Ubomi Abumanga</div>
|
|
<div class="artist-name">Sun-El Musician, Msaki</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="ecbcwjCzppc">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1Eum24tziiY0sRBRx7hWBb" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/ecbcwjCzppc"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">02</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Proud of You</div>
|
|
<div class="artist-name">Sun-El Musician, Sino Msolo</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="5TVWTD22ukw">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6DbEuVBP7cwm6CDyx65KND" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/5TVWTD22ukw"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">03</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Higher</div>
|
|
<div class="artist-name">Sun-El Musician, Simmy</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="aZkcF5lzN3k">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/03624PdgKK1GEQLqvUBPef" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/aZkcF5lzN3k"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">04</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Salzburg</div>
|
|
<div class="artist-name">Worakls</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="3PfFcsO-sr0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/2uTPHrN8zqYnHUb6Wuz1FC" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/3PfFcsO-sr0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">05</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I / Y</div>
|
|
<div class="artist-name">Lane 8, YOTTO</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/f740a9a4-183a-4924-8c2c-1a96fab385c1" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="YG4Td2MCTmo">[YOUTUBE]</button>
|
|
<a href="https://lane8music.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4kZgxNJrexSsATXK1lQrQS" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/YG4Td2MCTmo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">06</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Lovers in a Dangerous Time - Outtake</div>
|
|
<div class="artist-name">Barenaked Ladies, Ben Grosse</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/36085040-d34e-4c96-a62a-c3321414a72c" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="CLuUawRoUns">[YOUTUBE]</button>
|
|
<a href="http://www.bnlmusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4EbprIabJcyztCL8R12FrK" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/CLuUawRoUns"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">07</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Odes</div>
|
|
<div class="artist-name">Diskret</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="2k05_AxJuRY">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3zXqPJK854eMWfhzhSTtQr" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/2k05_AxJuRY"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">08</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Maria</div>
|
|
<div class="artist-name">Kerala Dust</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/25579dec-87bb-4b2b-a0c8-c8c29c6473df" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="IoN_ZaoFSW8">[YOUTUBE]</button>
|
|
<a href="https://www.keraladust.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2vOfifh09XV8vAEj0dffVW" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/IoN_ZaoFSW8"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">09</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Tankwa Town</div>
|
|
<div class="artist-name">Oliver Koletzki</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="KFJgqy1iB5I">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/55kDJdv7pymmG4URJlVTYR" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/KFJgqy1iB5I"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">10</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Pata Pata - Stereo Version</div>
|
|
<div class="artist-name">Miriam Makeba</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="JBJVVhn7iuo">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1BLXxFPDL2BT37nHKD7KrA" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/JBJVVhn7iuo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">11</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Meadowlands</div>
|
|
<div class="artist-name">Spirit of South Africa</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="mB08CrOkEyU">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/7xtpZgpkuQB9TolhD57MbD" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/mB08CrOkEyU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">12</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Night Marry You</div>
|
|
<div class="artist-name">Right Away\, Great Captain!</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="us58WF1FdD0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4ZZOqs7xZ1tlUeLLB26hv2" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/us58WF1FdD0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">13</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Two</div>
|
|
<div class="artist-name">The Antlers</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d03dd361-ce93-445a-a6fd-5f907d5cba6f" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="yAAD61ZruSE">[YOUTUBE]</button>
|
|
<a href="http://antlersmusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/14Ogmyyyb77rupsRw318ay" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/yAAD61ZruSE"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">14</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">two moons</div>
|
|
<div class="artist-name">toe</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="fZLlMIL8ceg">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1PVamcOiFbHQkUnkl5q4xo" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/fZLlMIL8ceg"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">15</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Goodbye</div>
|
|
<div class="artist-name">toe</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="e1pZIfretEs">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/0E2vUGelr7LayB0ho9vQZ9" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/e1pZIfretEs"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">16</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Beautiful Lie</div>
|
|
<div class="artist-name">Yoav</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/aa7cb01c-f8c9-4570-97fe-62b938f48250" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="NT7S91LS2yI">[YOUTUBE]</button>
|
|
<a href="http://yoavmusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/63sijR1B0bmJfHFuLmcRtP" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/NT7S91LS2yI"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">17</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Padam padam</div>
|
|
<div class="artist-name">Édith Piaf</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/eb8321e3-32a8-4b05-9dce-bf9194c0202a" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="xXqLj7X1WDU">[YOUTUBE]</button>
|
|
<a href="https://www.youtube.com/user/EdithPiaf" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/194uD6fRM58ztn7Z1Mfyr2" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/xXqLj7X1WDU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">18</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Fly Me To The Moon - 2008 Remastered</div>
|
|
<div class="artist-name">Frank Sinatra, Count Basie</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/96e25e14-65be-47bb-971a-be6fd28c741f" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="JYuyWrkwpok">[YOUTUBE]</button>
|
|
<a href="http://www.sinatra.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7FXj7Qg3YorUxdrzvrcY25" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/JYuyWrkwpok"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">19</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Adiemus</div>
|
|
<div class="artist-name">Karl Jenkins, Mike Ratledge</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/f3793417-2571-4498-9e9d-5234822e3529" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="C_wZ9ZBeRAo">[YOUTUBE]</button>
|
|
<a href="http://www.karljenkins.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/54CAG8n70kKVbFV6l1zF4G" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/C_wZ9ZBeRAo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">20</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I Left My Home</div>
|
|
<div class="artist-name">The Kiffness, Drill Sergeant DePalo</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="n8q0Kd3AkO0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/41pctPS2x7B4cRPjUIn2RA" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/n8q0Kd3AkO0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">21</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Desert Nomad - Live</div>
|
|
<div class="artist-name">Reinhardt Buhr</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="BxKr1XyCZTE">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1I3Be8QccRXsdq29nf9dBM" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/BxKr1XyCZTE"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">22</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I Fought the Law</div>
|
|
<div class="artist-name">The Clash</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/674cd2c5-0da1-4c07-ada1-f59b2a19adca" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="AL8chWFuM-s">[YOUTUBE]</button>
|
|
<a href="http://www.theclash.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7lSDCrF11sdTVfjbAQVZE8" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/AL8chWFuM-s"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">23</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Lost in the Supermarket - Remastered</div>
|
|
<div class="artist-name">The Clash</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/93a46b67-3856-46eb-a0bb-377643b2f58d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="hZw23sWlyG0">[YOUTUBE]</button>
|
|
<a href="http://www.theclash.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/72boGlgSwUK01n44O2tOCv" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/hZw23sWlyG0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">24</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Straight to Hell - Remastered</div>
|
|
<div class="artist-name">The Clash</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/2ebbdd67-0faa-4cc1-97a2-9ea1859daa5d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="lpE2J11aLxo">[YOUTUBE]</button>
|
|
<a href="http://www.theclash.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2ax1vei61BzRGsEn6ckEdL" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/lpE2J11aLxo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">25</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">In Hell I'll Be in Good Company</div>
|
|
<div class="artist-name">The Dead South</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/379df606-4685-4b5c-98a2-cf93ad0dec13" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="B9FzVhw8_bY">[YOUTUBE]</button>
|
|
<a href="http://www.thedeadsouth.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4eMxLQtSdgxdA1Hs6D2YuN" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/B9FzVhw8_bY"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">26</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Dancing With Myself</div>
|
|
<div class="artist-name">Billy Idol</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="FG1NrQYXjLU">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1BY1Vd2Bt6JPOhMvsIwtVv" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/FG1NrQYXjLU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">27</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I Think We're Alone Now</div>
|
|
<div class="artist-name">Tiffany</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/045d7a59-be36-4a02-ab9f-a99fd7314fc9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="w6Q3mHyzn78">[YOUTUBE]</button>
|
|
<a href="https://www.tiffanytunes.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4uvjOKsp7mSjrDhWdkLPBY" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/w6Q3mHyzn78"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">28</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Shake It Out</div>
|
|
<div class="artist-name">Florence + The Machine</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1a61223e-aa82-4019-9f7f-a1360cf9198c" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="WbN0nX61rIs">[YOUTUBE]</button>
|
|
<a href="https://florenceandthemachine.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/71iSmEeF0qRVyULABxP75P" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/WbN0nX61rIs"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">29</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Boee (Come To Me)</div>
|
|
<div class="artist-name">Idan Raichel</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/4cc3195e-3792-48ce-82c7-05968d60ccf1" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="rJNaEJ24JCc">[YOUTUBE]</button>
|
|
<a href="https://idanraichelproject.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2J3uaa6V8FyxNBnpOagaTQ" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/rJNaEJ24JCc"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">30</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Chicago</div>
|
|
<div class="artist-name">Sufjan Stevens</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/5efb8ca9-6f8a-4140-9713-13398178cb4d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="c_-cUdmdWgU">[YOUTUBE]</button>
|
|
<a href="https://asthmatickitty.com/artists/sufjan-stevens/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1yupbrI7ROhigIHpQBevPh" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/c_-cUdmdWgU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">31</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Casimir Pulaski Day</div>
|
|
<div class="artist-name">Sufjan Stevens</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/9f9d0a32-5dc0-4c7c-965e-0a647fa8f45d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="TfEkDqP34xo">[YOUTUBE]</button>
|
|
<a href="https://asthmatickitty.com/artists/sufjan-stevens/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/53TIOhzNpRpl8xKdscSQSv" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/TfEkDqP34xo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">32</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Day Eight (Remastered)</div>
|
|
<div class="artist-name">Explosions In The Sky</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="SgRe_tofty0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1Bk0fI8s8ss9p95L5TJqKj" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/SgRe_tofty0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">33</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Day Five (Remastered)</div>
|
|
<div class="artist-name">Explosions In The Sky</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="fBREKD5xuhs">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/23HtRmPbAP3I8l8Ig5CTNX" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/fBREKD5xuhs"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">34</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">This Is Gallifrey: Our Childhood. Our Home</div>
|
|
<div class="artist-name">Murray Gold</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/ac49e20f-bfa3-4ae5-a1b4-cb84988e86e9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="WUhsBKPNMWI">[YOUTUBE]</button>
|
|
<a href="https://www.youtube.com/channel/UCsd3WNYB-A0y9YmUygIM8kg" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1kNIJEfefBtOAT7aKdEyIn" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/WUhsBKPNMWI"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">35</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I Am The Doctor</div>
|
|
<div class="artist-name">Murray Gold</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1326a9a1-ba76-4f07-bb57-1a8f7255c3ee" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="kqSlCCufDR4">[YOUTUBE]</button>
|
|
<a href="https://www.youtube.com/channel/UCsd3WNYB-A0y9YmUygIM8kg" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1gDJQKYYyQvGjCvvWwSXi5" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/kqSlCCufDR4"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">36</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Turn Down</div>
|
|
<div class="artist-name">Audio Push</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="BdUQ_VBCNeU">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/2z9rIrQHCPBXNxtARLBqHD" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/BdUQ_VBCNeU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">37</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Power Trip (feat. Miguel)</div>
|
|
<div class="artist-name">J. Cole, Miguel</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/3725469f-3cfa-4d47-bbf7-2159daf14f1a" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="VMeirNg87AY">[YOUTUBE]</button>
|
|
<a href="https://www.dreamville.com/artist/cole/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2uwnP6tZVVmTovzX5ELooy" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/VMeirNg87AY"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">38</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Let Nas Down</div>
|
|
<div class="artist-name">J. Cole</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/cda634ab-5701-4fab-a76a-aa0cd6d12b99" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="nk8HEXMFCyw">[YOUTUBE]</button>
|
|
<a href="https://www.dreamville.com/artist/cole/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6WouUO5WEg0ncfGn6dkB4I" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/nk8HEXMFCyw"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">39</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Ndokulandela</div>
|
|
<div class="artist-name">Bongeziwe Mabandla</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="vk31Zpi72e0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1kQjyyI3xZixtByFizxlXE" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/vk31Zpi72e0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">40</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Mangaliso</div>
|
|
<div class="artist-name">Bongeziwe Mabandla</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="2xQaCnHDkwA">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4JWc8uU6q7LPJQqlBHttBI" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/2xQaCnHDkwA"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">41</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Voodoo Child (Slight Return)</div>
|
|
<div class="artist-name">Jimi Hendrix</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/78b533ab-79f0-4ba9-9b9f-ba1654332b88" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="L7UMubmfbH0">[YOUTUBE]</button>
|
|
<a href="https://www.facebook.com/TheJimiHendrixExperience" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2AxCeJ6PSsBYiTckM0HLY7" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/L7UMubmfbH0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">42</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Gypsy Eyes</div>
|
|
<div class="artist-name">Jimi Hendrix</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/073ccb86-8594-463a-af18-7517a7c239dc" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="QecC_u8WKbU">[YOUTUBE]</button>
|
|
<a href="https://www.facebook.com/TheJimiHendrixExperience" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1DfWmv1eJU1a9tuGpqKGFP" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/QecC_u8WKbU"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">43</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Douglas Douglass</div>
|
|
<div class="artist-name">Pearl and the Beard</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/fe16e169-d4f6-4a42-821f-b896154c7a35" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="Rf2EiWCOrpY">[YOUTUBE]</button>
|
|
<a href="https://www.discogs.com/artist/2268927" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0rUKF5QwhaAoT6nzi6cP7X" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/Rf2EiWCOrpY"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">44</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Voice in My Throat</div>
|
|
<div class="artist-name">Pearl and the Beard</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/0073f658-c416-4cb9-9d2b-d79d26b0d2fd" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="qZ8XKv5w0L4">[YOUTUBE]</button>
|
|
<a href="https://www.discogs.com/artist/2268927" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3B83GeKOchmTWpePpy99Kk" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/qZ8XKv5w0L4"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">45</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Want You Bad</div>
|
|
<div class="artist-name">The Offspring</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/c38f17ea-645b-4927-ad95-f3d46a5dc20e" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="_g19fCJotPc">[YOUTUBE]</button>
|
|
<a href="https://www.offspring.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6hwQ69v7VbPhTTR2fOtYX7" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/_g19fCJotPc"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">46</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Space Unicorn</div>
|
|
<div class="artist-name">Parry Gripp</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/eee7f6db-a9e7-43db-b1bf-fc8263853ca2" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="17o1OlroNSE">[YOUTUBE]</button>
|
|
<a href="http://www.parrygripp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/50bWipKseUhTCP5YPiGRbA" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/17o1OlroNSE"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">47</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Meisie Sonner Sokkies</div>
|
|
<div class="artist-name">David Kramer</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="MYlbkuAkhCM">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4w0f9z2tHnxPwQAcBGwsqU" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/MYlbkuAkhCM"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">48</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Weekend Special</div>
|
|
<div class="artist-name">Brenda & The Big Dudes</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="VjQD--fgCFM">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/0t8R66DymqgWq2BjureW9r" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/VjQD--fgCFM"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">49</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Weeping</div>
|
|
<div class="artist-name">Bright Blue</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/68bef1c4-efc0-4358-9c9f-3414a0f69f72" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="qdyu_jcLYW8">[YOUTUBE]</button>
|
|
<a href="http://www.rock.co.za/brightblue/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0gDYE1XVoRj4GXa1ab1VjI" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/qdyu_jcLYW8"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">50</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">The Warrior's Code</div>
|
|
<div class="artist-name">Dropkick Murphys</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1b271f4b-099d-4920-b9b1-e45506330459" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="PPC0kTWaE7I">[YOUTUBE]</button>
|
|
<a href="http://www.dropkickmurphys.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6ivzLSDw82LpxXfToyb0He" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/PPC0kTWaE7I"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">51</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Teardrop</div>
|
|
<div class="artist-name">Massive Attack, Elizabeth Fraser</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/ea5a4255-5bbf-4836-ad96-8c10aadaab7a" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="u7K72X4eo_s">[YOUTUBE]</button>
|
|
<a href="https://web.archive.org/web/19970131155102/http://www.vmg.co.uk/massive/index.html" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/67Hna13dNDkZvBpTXRIaOJ" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/u7K72X4eo_s"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">52</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Insomnia</div>
|
|
<div class="artist-name">Faithless, Rollo Armstrong</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d0c2a6dc-0c72-4c8e-8ab0-b2c97a124004" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="P8JEm4d6Wu4">[YOUTUBE]</button>
|
|
<a href="https://www.faithless.co.uk/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5z5wYWL1IO6y2yEFBOiGt0" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/P8JEm4d6Wu4"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">53</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Dream Machine</div>
|
|
<div class="artist-name">Dominik Eulberg, Essáy</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="MMNIvAuT9Sg">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/5ekNKqNTF8reaoGIzT2J5j" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/MMNIvAuT9Sg"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">54</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Bestfriend</div>
|
|
<div class="artist-name">Sun-El Musician, Msaki</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="2sT-vtIOnSc">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3hKwgPKqfjeHrHHawdYVgs" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/2sT-vtIOnSc"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">55</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Asimbonanga</div>
|
|
<div class="artist-name">Johnny Clegg & Savuka</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="UJujyzA2Q1E">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/75YNwzuEW53myKrQdz2w6G" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/UJujyzA2Q1E"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">56</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Women (La Fine Equipe Remix)</div>
|
|
<div class="artist-name">Madjo, La Fine Equipe</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="ygHYMTjLPkE">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/23qNJhQu0FfVM1ez2163rE" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/ygHYMTjLPkE"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</main>
|
|
<footer>
|
|
Playlists from <a href="https://open.spotify.com" target="_blank" rel="noopener">Spotify</a>
|
|
• Recording data via <a href="https://musicbrainz.org" target="_blank" rel="noopener">MusicBrainz</a>
|
|
• — SINGULAR PARTICULAR SPACE —
|
|
</footer>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const mt = document.getElementById('mt');
|
|
const nl = document.getElementById('nl');
|
|
mt.addEventListener('click', () => {
|
|
nl.classList.toggle('open');
|
|
mt.textContent = nl.classList.contains('open') ? '\u2715' : '\u2630';
|
|
});
|
|
document.querySelectorAll('.yt-toggle').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
const card = btn.closest('.track-card');
|
|
const iframe = card.querySelector('iframe');
|
|
card.classList.toggle('active');
|
|
if (card.classList.contains('active') && iframe) {
|
|
const src = iframe.getAttribute('data-src');
|
|
if (src && iframe.getAttribute('src') !== src)
|
|
iframe.setAttribute('src', src);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|