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>
1237 lines
65 KiB
HTML
1237 lines
65 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Karmic Cons & Sequins Herein | 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: #f472b6;
|
|
--fb: #f79ed0;
|
|
--fd: #c04080;
|
|
--fg: rgba(244,114,182,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>Karmic Cons & Sequins Herein</h1>
|
|
<span class="hd-meta">42 TRACKS • 42 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">Big City Life</div>
|
|
<div class="artist-name">Luude, Mattafix</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/6634e117-8afa-417f-93b3-577deccb4eb9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="p55LUUnaNS0">[YOUTUBE]</button>
|
|
<a href="https://soundcloud.com/luudeofficial" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1LIvdWNdKmHvU0FJvw2diN" 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/p55LUUnaNS0"
|
|
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">Strangers</div>
|
|
<div class="artist-name">Kenya Grace</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d41e7f0b-ab24-4212-9b81-02f6e876d6d2" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="S2TaAcwC_zI">[YOUTUBE]</button>
|
|
<a href="https://soundcloud.com/kenyajohnsonsound" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5mjYQaktjmjcMKcUIcqz4s" 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/S2TaAcwC_zI"
|
|
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">Try to Make Friends - Trinix Remix</div>
|
|
<div class="artist-name">Selah Sue, Trinix</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/99a81152-3ec7-49f0-a094-0be5d00d0978" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="aZKDgPvfFFo">[YOUTUBE]</button>
|
|
<a href="http://www.selahsue.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0rjvNvgy7le4jgiT3216Sy" 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/aZKDgPvfFFo"
|
|
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">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>
|
|
<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">Would You (go to bed with me?)</div>
|
|
<div class="artist-name">Campbell, Alcemist</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/979cbcd6-6307-4cfe-8c28-e4975260e48e" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="3eNCSxMYSrs">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/2N8gR2yftrHbZR53U5kYnX" 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/3eNCSxMYSrs"
|
|
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">Line!</div>
|
|
<div class="artist-name">BABYMETAL</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/135309f0-7fb1-4eae-9321-3919c0c52aad" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="qVdBBOpSoN4">[YOUTUBE]</button>
|
|
<a href="https://www.babymetal.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1mI6phFJZsaNBuEF4Ge6sz" 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/qVdBBOpSoN4"
|
|
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">Inappropriate</div>
|
|
<div class="artist-name">RIVER</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="sq8HRlANuDs">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/5TMhMjrjawTGdpaJ3qVM8j" 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/sq8HRlANuDs"
|
|
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">Let Nas Down</div>
|
|
<div class="artist-name">J. Cole</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="nk8HEXMFCyw">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4zvbGQYESVEF3POUIf29UA" 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">09</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">for the last time</div>
|
|
<div class="artist-name">dj poolboi</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="2m_a74SWCjE">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1w1xQVuj7ZenjqiGGps4Wd" 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/2m_a74SWCjE"
|
|
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">Mr. Rager</div>
|
|
<div class="artist-name">Kid Cudi</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/858ebfac-1ae5-4f12-b55d-87e7a6c55b35" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="XEolg577-DA">[YOUTUBE]</button>
|
|
<a href="http://www.kidcudi.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2ncLdwTd8qzkxiJjlbiOgC" 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/XEolg577-DA"
|
|
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">Fade Away</div>
|
|
<div class="artist-name">No Friends Of Harry</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="YHelOhi_LJg">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/0WgsiHKhScwnvgxC6lKhcT" 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/YHelOhi_LJg"
|
|
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">Blank</div>
|
|
<div class="artist-name">Glare</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="1HvqSNwwnL8">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/2gpkmR9oX3Jk6rDI6KUwHj" 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/1HvqSNwwnL8"
|
|
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">Pepper</div>
|
|
<div class="artist-name">Butthole Surfers</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1600925c-db3f-4244-8359-7a542ad8363c" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="KRXty8lDUW0">[YOUTUBE]</button>
|
|
<a href="http://www.buttholesurfers.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1ng36571Iyov4HBxUClySn" 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/KRXty8lDUW0"
|
|
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">Why Don't You Get A Job</div>
|
|
<div class="artist-name">The Offspring</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/cc1da5fd-045e-437c-b984-bf78805ba6c2" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="LH-i8IvYIcg">[YOUTUBE]</button>
|
|
<a href="https://www.offspring.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0sNKiz82ATCvT3f3XVVUUj" 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/LH-i8IvYIcg"
|
|
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">I Want Your Love</div>
|
|
<div class="artist-name">Transvision Vamp</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/e4506691-b35e-405a-a4ca-5f349a892fad" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="AXf-wHT_SCY">[YOUTUBE]</button>
|
|
<a href="https://www.last.fm/music/Transvision%20Vamp" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/55NBt1WuvShjsGE1grbi2v" 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/AXf-wHT_SCY"
|
|
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">Somewhere Else</div>
|
|
<div class="artist-name">Hannymoon, Toni Kawaii</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="ehasHUuxAkI">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6HX1bDc4Zp9SznEfF9wHZg" 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/ehasHUuxAkI"
|
|
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">Gypsy Woman</div>
|
|
<div class="artist-name">Stolen Gin, ADLR</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="sNMY7UQEfhI">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/5Xex2XN8l1dOLwaXwmdyHX" 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/sNMY7UQEfhI"
|
|
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">Anemone</div>
|
|
<div class="artist-name">The Brian Jonestown Massacre</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d857e601-8e41-4543-8385-ce3e5bddae17" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="StV9lElcvAY">[YOUTUBE]</button>
|
|
<a href="https://www.thebrianjonestownmassacre.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/70WSr32oW4jC1na5I0j0D6" 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/StV9lElcvAY"
|
|
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">Tainted Love</div>
|
|
<div class="artist-name">Trinix, Queen D</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="aWlu-8dg3iY">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3ponDZeMH4ONWpPCyfrJ5L" 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/aWlu-8dg3iY"
|
|
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">You Really Got Me</div>
|
|
<div class="artist-name">The Kinks</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/7491cee5-32f2-4d5e-82d1-9823418e38fb" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="fTTsY-oz6Go">[YOUTUBE]</button>
|
|
<a href="http://www.thekinks.info/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/29SyMC0plk6qw8NMF7lfRL" 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/fTTsY-oz6Go"
|
|
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">Should I Stay or Should I Go - Remastered</div>
|
|
<div class="artist-name">The Clash</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/58dd0e91-4084-4763-93f2-93ec7f551725" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="e7tWqyM3r-g">[YOUTUBE]</button>
|
|
<a href="http://www.theclash.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/39shmbIHICJ2Wxnk1fPSdz" 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/e7tWqyM3r-g"
|
|
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">Psycho Killer - 2005 Remaster</div>
|
|
<div class="artist-name">Talking Heads</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/e66ea0ae-72e9-4471-a3ab-964b6c25696b" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="CJ54eImz88w">[YOUTUBE]</button>
|
|
<a href="http://www.talking-heads.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1i6N76fftMZhijOzFQ5ZtL" 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/CJ54eImz88w"
|
|
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">Blister In The Sun</div>
|
|
<div class="artist-name">Violent Femmes</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1acace10-134c-4c91-a87a-cb8314d50efd" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="G89chAA4l8s">[YOUTUBE]</button>
|
|
<a href="http://www.vfemmes.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4PXH3g9qGgMqDlC52dJw07" 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/G89chAA4l8s"
|
|
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">W.M.A. - Remastered</div>
|
|
<div class="artist-name">Pearl Jam</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/b6eef35a-181c-4ef0-9cee-5b4ae249a68d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="K1NcoxzNgbM">[YOUTUBE]</button>
|
|
<a href="https://pearljam.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1BMkUNT9YSeYbTtE88jMHk" 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/K1NcoxzNgbM"
|
|
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">Wet Paint</div>
|
|
<div class="artist-name">Deki Alem</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/6c6cfe31-fef7-418a-a0a3-32e4765ec6ba" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="PVQ-1Ax3PHI">[YOUTUBE]</button>
|
|
<a href="https://deki.bandcamp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0EYOSPQ3YWyFG3t5mtOioS" 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/PVQ-1Ax3PHI"
|
|
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 Fade Out Line</div>
|
|
<div class="artist-name">Phoebe Killdeer and the Short Straws</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/e97199b7-c1b3-4214-882c-54a3da6c6b10" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="5KG6sh0NB-U">[YOUTUBE]</button>
|
|
<a href="http://www.phoebekilldeer.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0gfm96rXDPVjAybbTpdHvD" 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/5KG6sh0NB-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">27</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Witches</div>
|
|
<div class="artist-name">Alice Phoebe Lou</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/9022cdff-3726-4874-b44d-d95a21b5081b" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="JuklRMZj7CA">[YOUTUBE]</button>
|
|
<a href="http://www.alicephoebelou.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5BBK1WoaiD3b3sJ2UysLuM" 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/JuklRMZj7CA"
|
|
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">Coming Home</div>
|
|
<div class="artist-name">Little Element</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/f7bfbe20-7e10-4dd6-ab23-9dd91e660eb9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="RHQMZNs37pg">[YOUTUBE]</button>
|
|
<a href="https://www.youtube.com/channel/UCPOV4ZVeToJoB-rUkLt2_sQhttps://www.youtube.com/channel/UCPOV4ZVeToJoB-rUkLt2_sQ" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7Mw23OCFX3v16Ty3MvnsHO" 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/RHQMZNs37pg"
|
|
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">Old Downtown</div>
|
|
<div class="artist-name">Camp Claude, Diane Sagnier</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="eALhE4_wI_s">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1iyBNWdTZMajspmkNWZXhH" 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/eALhE4_wI_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">30</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Conceited</div>
|
|
<div class="artist-name">Lola Young</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/b95f7baa-cc01-4f98-881f-90b575316298" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="Cvo80gbCYwE">[YOUTUBE]</button>
|
|
<a href="https://www.lola-young.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2Iv1yhxAH7m9SpohnJMs9B" 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/Cvo80gbCYwE"
|
|
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">Hu Man</div>
|
|
<div class="artist-name">Greentea Peng</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/ae781c47-7bb6-4b29-bd8b-019d69c93df9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="yf6r5m0TM7Y">[YOUTUBE]</button>
|
|
<a href="https://www.greenteapeng.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2ZfVt2skRwfEq1Wb3D7GmP" 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/yf6r5m0TM7Y"
|
|
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">Make You Wanna</div>
|
|
<div class="artist-name">Ta-ku</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="Dh4gxlA7Mb8">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/23Q8b8Mx6IBOe90PUyCkk9" 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/Dh4gxlA7Mb8"
|
|
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">Point and Kill</div>
|
|
<div class="artist-name">Little Simz, Obongjayar</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/facd8d24-723e-44ac-9906-bb4c70bf2048" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="tvY31eN3gtE">[YOUTUBE]</button>
|
|
<a href="https://www.littlesimz.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/52y4KhkcAbYcogFg2u7UVP" 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/tvY31eN3gtE"
|
|
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">Must Be True</div>
|
|
<div class="artist-name">Bayonne</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/508b34eb-a4d2-4dd0-8d6b-e4e77c031483" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="x5qH_bzPQlI">[YOUTUBE]</button>
|
|
<a href="http://www.bayonnemusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4pB7A4ghxzzowCV5hPJYl3" 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/x5qH_bzPQlI"
|
|
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">That Cat Is High</div>
|
|
<div class="artist-name">The Ink Spots</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="NCMxGHEm_6I">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4ImdjwOdy2tNiuN2y2g47F" 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/NCMxGHEm_6I"
|
|
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">Kiss the Sky</div>
|
|
<div class="artist-name">Shawn Lee's Ping Pong Orchestra</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/e0e51a4a-1f2d-46e6-848a-c0fe3da02242" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="3pHQuCezmLE">[YOUTUBE]</button>
|
|
<a href="http://www.shawnlee.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2MBlKZ8cSN8OmsIhWBH9ci" 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/3pHQuCezmLE"
|
|
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">Flying Through the Souls - Just Emma Remix</div>
|
|
<div class="artist-name">Birds of Mind, Just Emma</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="kcCf9Q7NJsw">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1ZdNZWyfB5qREFQorEeWVJ" 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/kcCf9Q7NJsw"
|
|
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">Blood Sugar - Live at Brixton Academy</div>
|
|
<div class="artist-name">Pendulum</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/7344763a-802d-4b8f-b51f-9de0b082d091" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="XKRx6V7bqQI">[YOUTUBE]</button>
|
|
<a href="http://www.pendulum.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7xcl5qkBoMQpy1jpHJuzFP" 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/XKRx6V7bqQI"
|
|
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">Too Close</div>
|
|
<div class="artist-name">Sir Chloe</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/8cc95c31-2241-4209-8647-e31030e7f727" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="x8t9SRkQYK8">[YOUTUBE]</button>
|
|
<a href="https://www.sirchloemusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4zV3Og5KgrNyZEhzrZzwuk" 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/x8t9SRkQYK8"
|
|
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">deep in it</div>
|
|
<div class="artist-name">berlioz, Ted Jasper</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/d112130a-9d70-402b-b640-993cda86dda0" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="AiRd4E5SwmE">[YOUTUBE]</button>
|
|
<a href="http://berliozmusic.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3J2WUEn6oFN8eDPZov7w9I" 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/AiRd4E5SwmE"
|
|
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">Nothing Matters</div>
|
|
<div class="artist-name">The Last Dinner Party</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/731d6c2b-9c40-45fb-8f13-8eddc2c36613" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="pETz4IMmeDU">[YOUTUBE]</button>
|
|
<a href="https://www.thelastdinnerparty.co.uk/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5crY7axm3GejOxy5PsnnPk" 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/pETz4IMmeDU"
|
|
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">Venezuela Riddim</div>
|
|
<div class="artist-name">Hak Baker</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="1j7i4aUAyd0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/0n3uyWYYOfjvC4lUntZlwN" 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/1j7i4aUAyd0"
|
|
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>
|