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>
1205 lines
64 KiB
HTML
1205 lines
64 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Which Rodeo Is This | 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: #ff7f3f;
|
|
--fb: #ffa066;
|
|
--fd: #cc5500;
|
|
--fg: rgba(255,127,63,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>Which Rodeo Is This</h1>
|
|
<span class="hd-meta">41 TRACKS • 40 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">A Bar Song (Tipsy)</div>
|
|
<div class="artist-name">Shaboozey</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/a40b893c-553a-4198-8ca2-d27fc23692c6" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="t7bQwwqW-Hc">[YOUTUBE]</button>
|
|
<a href="https://shaboozey.bandcamp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2FQrifJ1N335Ljm3TjTVVf" 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/t7bQwwqW-Hc"
|
|
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">Jolene</div>
|
|
<div class="artist-name">The Little Willies</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1acf20ba-abed-4aa8-a064-fc1fd1cc7e85" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="M3d8KobWVwk">[YOUTUBE]</button>
|
|
<a href="http://www.thelittlewillies.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6ggN9EfdLIHeTSoNZrKM26" 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/M3d8KobWVwk"
|
|
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">Like The 309</div>
|
|
<div class="artist-name">Johnny Cash</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/4251bb25-6b7c-4cd8-8a8c-34e26d9343cb" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="ligK-4HPL_U">[YOUTUBE]</button>
|
|
<a href="http://www.losthighwayrecords.com/johnnycash" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/14Rd49dUe8MKOCK1ZUBfq5" 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/ligK-4HPL_U"
|
|
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">Mother's Chile</div>
|
|
<div class="artist-name">The War And Treaty</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/09c26bb8-7d71-4bc0-9abb-67b78ef393b6" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="DQ25_JukeK4">[YOUTUBE]</button>
|
|
<a href="https://www.thewarandtreaty.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/25Mt9sqB053E6dwewZj224" 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/DQ25_JukeK4"
|
|
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">Nterini - A COLORS SHOW</div>
|
|
<div class="artist-name">Fatoumata Diawara</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="2sBqMBEehIs">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3G7Mvni5YaF5UgJWGp5nQe" 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/2sBqMBEehIs"
|
|
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">Shark Smile - Edit</div>
|
|
<div class="artist-name">Big Thief</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="Qynt9fGcn80">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/53O9ZYOISVUKtNt2jR79kx" 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/Qynt9fGcn80"
|
|
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">Chiri Hari</div>
|
|
<div class="artist-name">Samba Touré</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="lWyTaPK7VqY">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1YQmUOQUxVeHebdKBX6m71" 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/lWyTaPK7VqY"
|
|
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">Bakonoba</div>
|
|
<div class="artist-name">Fatoumata Diawara</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/26cbef25-4fe5-41c4-b347-20e585df63c5" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="kpLYUqJ9Y_k">[YOUTUBE]</button>
|
|
<a href="http://www.worldcircuit.co.uk/#Fatoumata_Diawara::Kanou_EP" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/50asly8sz2D3T28w0fWLNp" 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/kpLYUqJ9Y_k"
|
|
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">TEXAS HOLD 'EM</div>
|
|
<div class="artist-name">Beyoncé</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/2d947ada-862c-452e-95a6-091edd4330ee" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="238Z4YaAr1g">[YOUTUBE]</button>
|
|
<a href="https://www.beyonce.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7wLShogStyDeZvL0a6daN5" 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/238Z4YaAr1g"
|
|
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">DEVIL YOU KNOW</div>
|
|
<div class="artist-name">Tyler Braden</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/bb727e29-30b5-4cf1-b92d-5735564bb881" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="hMfWn4XuG5E">[YOUTUBE]</button>
|
|
<a href="https://www.tylerbraden.com/whatdotheyknow" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6tWGe6nvXFWT0KhGCXM89q" 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/hMfWn4XuG5E"
|
|
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">I'm On Fire - Spotify Singles</div>
|
|
<div class="artist-name">Ian Munsick, Riaan Benadé</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<a href="https://www.youtube.com/results?search_query=Ian%20Munsick%2C%20Riaan%20Benad%C3%A9%20I%27m%20On%20Fire%20-%20Spotify%20Singles" class="tl" target="_blank" rel="noopener">[YOUTUBE]</a>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/68B1wXoTamV83njf2kLTmf" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</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">Soramado</div>
|
|
<div class="artist-name">RADWIMPS</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/3b9242a3-a941-417a-8f1f-5ddab8658c82" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="-0DZQaxPH5s">[YOUTUBE]</button>
|
|
<a href="http://radwimps.jp/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0hHwIr88GkUiCZ68Hn4gxc" 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/-0DZQaxPH5s"
|
|
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">Slow Motion Machine Gun</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/50970429-5167-4fd4-bad1-7dfd70bd9e79" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="XltMvz89Lig">[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/7w3FpbgpOawRQhzbYCGC2D" 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/XltMvz89Lig"
|
|
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">Prodigal Daughter</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/ac59a793-b176-48c3-a135-59ee31eb5e46" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="AiaDWzdhgEI">[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/4mrJHmT7Etzk5kcO1k2NHm" 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/AiaDWzdhgEI"
|
|
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">Waiting Around To Die</div>
|
|
<div class="artist-name">The Be Good Tanyas</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/a5d4a9aa-c66f-4275-842e-36e4e31248a3" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="yfCRXCfL_Ls">[YOUTUBE]</button>
|
|
<a href="http://www.begoodtanyas.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0AduS1e4FWNLdnUNmMwQQd" 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/yfCRXCfL_Ls"
|
|
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">I Feel Good - Live Version</div>
|
|
<div class="artist-name">Bobby McFerrin</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="EaA9_weEyCo">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/08RThPL0HHrH5A6bQ81zaP" 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/EaA9_weEyCo"
|
|
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">Augenbling</div>
|
|
<div class="artist-name">Seeed</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/7b8aab18-804d-466a-8585-64f03bc4988c" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="qttGJ3il62Y">[YOUTUBE]</button>
|
|
<a href="https://www.seeed.de/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4eT8TcG3KKlprFcYePA9gw" 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/qttGJ3il62Y"
|
|
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">Ticket</div>
|
|
<div class="artist-name">Seeed</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/5d131a00-6e0b-4cb6-909a-ce9b1c31f110" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="_UEHmxKEJUc">[YOUTUBE]</button>
|
|
<a href="https://www.seeed.de/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4LpSundAJ1F7G1VFipCl42" 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/_UEHmxKEJUc"
|
|
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">Nostalgia</div>
|
|
<div class="artist-name">Sons of Habit</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="cSv-83qcm7U">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/7BwCf7w9dug1GeUeDSTdtC" 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/cSv-83qcm7U"
|
|
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">Lodi</div>
|
|
<div class="artist-name">Creedence Clearwater Revival</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d05d251e-ad2a-4b33-8491-a3ddb760e1d0" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="dIfQNB5WXmY">[YOUTUBE]</button>
|
|
<a href="http://www.creedence-online.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5Z6y2wK3TOdGNLxFmBJSdl" 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/dIfQNB5WXmY"
|
|
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">The River - Live</div>
|
|
<div class="artist-name">Garth Brooks</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="a1sSFLFYllY">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3REYTkMlGZ8J8OeigJKeXz" 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/a1sSFLFYllY"
|
|
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">Probably for Lovers</div>
|
|
<div class="artist-name">Just a Band</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="DtUCvSepH94">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/7FINGLBPPbgcN3HnDV9o0d" 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/DtUCvSepH94"
|
|
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">Already Gone</div>
|
|
<div class="artist-name">Janna Leduc</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="O2nSTdQqtlo">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/7EjPV5qZh4CvFSExZA05eG" 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/O2nSTdQqtlo"
|
|
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">You Look Like Trouble - But I Guess I Do Too</div>
|
|
<div class="artist-name">Lisa LeBlanc</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/c18e0dea-8fb2-437f-af1a-da9280e3d4d0" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="s8qj4TFkzfo">[YOUTUBE]</button>
|
|
<a href="http://bonsound.com/fr/artists/lisa-leblanc" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7KVUUbgwJsr5upohiyQkW7" 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/s8qj4TFkzfo"
|
|
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">Ace of Spades</div>
|
|
<div class="artist-name">Lisa LeBlanc</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/07edd1ae-bac7-4141-bd12-90a6f0475b92" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="gvXlMdfspwg">[YOUTUBE]</button>
|
|
<a href="http://bonsound.com/fr/artists/lisa-leblanc" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/07YDZFsrTo03AJu0eDqdzU" 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/gvXlMdfspwg"
|
|
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">The End of a Gun</div>
|
|
<div class="artist-name">GHOSTWOMAN</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/a9566e05-55ba-41ec-963a-707c53846654" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="Y-JCC1F8_rE">[YOUTUBE]</button>
|
|
<a href="https://ghost-woman.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6LXQQXcSOcQ7ohdfR2tqC5" 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/Y-JCC1F8_rE"
|
|
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">Bissa</div>
|
|
<div class="artist-name">Fatoumata Diawara</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/90148d40-49f3-4e34-9d9c-92329841ddee" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="E82BifytoYY">[YOUTUBE]</button>
|
|
<a href="http://www.worldcircuit.co.uk/#Fatoumata_Diawara::Kanou_EP" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/26abVr6jXXu2wqMpwpK53M" 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/E82BifytoYY"
|
|
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">When Doves Cry</div>
|
|
<div class="artist-name">The Be Good Tanyas</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/ba6ab256-7776-447e-b336-be2e8a86539d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="2E88jfL-BLc">[YOUTUBE]</button>
|
|
<a href="http://www.begoodtanyas.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0eOkIVtpp99wSe9E4giqFb" 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/2E88jfL-BLc"
|
|
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">Along</div>
|
|
<div class="artist-name">GHOSTWOMAN</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="zMkXJ4CAx5o">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6NZdbCwhiCLs1H9Xf8n517" 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/zMkXJ4CAx5o"
|
|
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">Love Me</div>
|
|
<div class="artist-name">The Little Willies</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/c246d05b-9d6c-4795-a7ac-c50fda0758f2" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="KYQXWmRK2A8">[YOUTUBE]</button>
|
|
<a href="http://www.thelittlewillies.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6IGZkUyv8qCd6PCcpAzupu" 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/KYQXWmRK2A8"
|
|
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">Florida</div>
|
|
<div class="artist-name">The War And Treaty</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1448cd56-4df3-4e3a-9db8-b5870d1c446f" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="6F5jZz3Wfe4">[YOUTUBE]</button>
|
|
<a href="https://www.thewarandtreaty.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2udy5XpgDp1a0SUJ79ONqh" 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/6F5jZz3Wfe4"
|
|
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">Mississippi</div>
|
|
<div class="artist-name">The Secret Sisters</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/7f606a6b-1eb7-43de-b735-8b3f29ad8a1a" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="IfEnVUZy4OA">[YOUTUBE]</button>
|
|
<a href="http://www.secretsistersband.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4VGZPbVYbTRFNtgQYDNoJe" 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/IfEnVUZy4OA"
|
|
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">Reverend</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/3b728fa8-f686-4282-a14e-18125a77646c" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="3mPnvszPpcg">[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/3Cm3dn7v6JJze6klW1E2B6" 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/3mPnvszPpcg"
|
|
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">Gunslinger</div>
|
|
<div class="artist-name">Natalie Bergman</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/cd0a5450-9f45-4a7e-91ba-199c35e5b0b8" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="5jp_QzoO04o">[YOUTUBE]</button>
|
|
<a href="https://nataliebergman.bandcamp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3Jxg0rsL9ue8vssskTI7aN" 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/5jp_QzoO04o"
|
|
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">In a River (Acoustic Instrumental)</div>
|
|
<div class="artist-name">Rostam</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="C2Rc6GnBPDc">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6kveFW8IubiH1GjNs1QrkJ" 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/C2Rc6GnBPDc"
|
|
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">Millionaire</div>
|
|
<div class="artist-name">Sons Of The East</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/6afe1df6-a3d2-45b7-afd0-2fc9c8d47cf8" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="ZDwUkqJfHqc">[YOUTUBE]</button>
|
|
<a href="https://www.facebook.com/sonsoftheeastmusic" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/46WhhMGZ47aVtpJVASA2Dg" 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/ZDwUkqJfHqc"
|
|
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">Save My Love</div>
|
|
<div class="artist-name">Jend</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="X4elZYlsJw4">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/5yzLD44eNrLTRhKvNxvyHE" 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/X4elZYlsJw4"
|
|
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">28 (with Dean Lewis)</div>
|
|
<div class="artist-name">Ruth B., Dean Lewis</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/8cde13a6-d1d5-425e-99ec-b1a60cf9d608" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="BY3izAZX9ZQ">[YOUTUBE]</button>
|
|
<a href="http://ruthbofficial.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3fajzhEHSdlSmY31dORz9M" 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/BY3izAZX9ZQ"
|
|
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">Kiss You on the Cheek - King of Town Remix</div>
|
|
<div class="artist-name">Desmond and the Tutus</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="dalNOzsY4CM">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3tZPe40hyxBk8AeoU1zSzc" 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/dalNOzsY4CM"
|
|
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">Same Jeans</div>
|
|
<div class="artist-name">The View</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/22a3885d-eb50-431f-afe0-2ba712ab94ee" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="RpXTISw_Huw">[YOUTUBE]</button>
|
|
<a href="http://www.theviewareonfire.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5aUwnYLjQD7OfLMJDWSnsT" 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/RpXTISw_Huw"
|
|
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">smile</div>
|
|
<div class="artist-name">LEILA</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="8pc9NzFJaUM">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/7thWFmdVqTZzXZWmxu7N5Y" 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/8pc9NzFJaUM"
|
|
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>
|