JL Kruger
fd47895207
- Wire Playlists star in index.html → Playlists/playlists.html - Hub page: Aladin font, dynamic cards via build.py injection, no back-link - 4 playlist pages: eclectica-experimenti, daydreamsoftime, soosfynwyn, theelfladymadeusdoit - build.py: scans folder, extracts title+track count, regenerates hub cards in place - Remove 21 tracked CSVs (moved with PlaylistPirate to ToolsnToys) - Untrack Images/GEMINI.md, GEMINI-FIX.md, script-guide.md (agent artifacts) - .gitignore: global rules for GEMINI*.md, HANDOVER.md, script-guide.md; Playlists build dirs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1037 lines
55 KiB
HTML
1037 lines
55 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The Elf Lady Made Us Do It | 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: #ff9900;
|
|
--fb: #ffbb44;
|
|
--fd: #cc7700;
|
|
--fg: rgba(255,153,0,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>The Elf Lady Made Us Do It</h1>
|
|
<span class="hd-meta">34 TRACKS • 34 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">Send Me On My Way</div>
|
|
<div class="artist-name">Rusted Root</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/3777c700-2851-4b76-aac1-d65bf436f482" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="IGMabBGydC0">[YOUTUBE]</button>
|
|
<a href="http://www.rustedroot.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6XK6Zw6JkFsHXzAcMWNiIr" 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/IGMabBGydC0"
|
|
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">The Chase</div>
|
|
<div class="artist-name">Gateway Drugs</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/bae65b67-514d-4d1e-b812-f188110219ef" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="ABsvE9zlgzY">[YOUTUBE]</button>
|
|
<a href="https://gateway-drugs.bandcamp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/32iSr8qmsU7Ut10DfIEomH" 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/ABsvE9zlgzY"
|
|
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">The Gardener</div>
|
|
<div class="artist-name">The Tallest Man On Earth</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/0f21805a-0fe5-437e-b29c-e2c221961708" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="Wa3lyo_Eowc">[YOUTUBE]</button>
|
|
<a href="http://www.thetallestmanonearth.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5ewQvWOpYJ60zpy9Ap8aK0" 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/Wa3lyo_Eowc"
|
|
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">Hunting for Witches</div>
|
|
<div class="artist-name">Bloc Party</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/5711e723-926c-478d-b10d-877eae32a5ce" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="CmPNuruWMTA">[YOUTUBE]</button>
|
|
<a href="http://blocparty.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7Ms6GPeXkFA5FEkXQzEImM" 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/CmPNuruWMTA"
|
|
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">Down Under (feat. Colin Hay)</div>
|
|
<div class="artist-name">Luude, Colin Hay</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/02b6a410-f135-4955-9a8a-c1055ccb8cac" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="I1xneKsFArY">[YOUTUBE]</button>
|
|
<a href="https://soundcloud.com/luudeofficial" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7AVyve7cFYTd51ha5i9kE2" 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/I1xneKsFArY"
|
|
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">Wild Humans</div>
|
|
<div class="artist-name">Cosmo Jarvis</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="bYYEqfgOja8">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6IDOUbVDzgzBFvJVwZcWPU" 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/bYYEqfgOja8"
|
|
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">Ding</div>
|
|
<div class="artist-name">Seeed</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/dee14e9b-cf7a-4427-a91e-6712c6d66998" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="_yWU0lFghxU">[YOUTUBE]</button>
|
|
<a href="https://www.seeed.de/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5LH1z4ma2TN2aVeESXthj9" 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/_yWU0lFghxU"
|
|
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">Doused</div>
|
|
<div class="artist-name">DIIV</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/ed8ee6e6-20a7-4bff-9af6-4458a1a2e875" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="KI79GPXAICM">[YOUTUBE]</button>
|
|
<a href="https://diiv.net/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/30uvCVEYqgktyLfDcI76Hx" 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/KI79GPXAICM"
|
|
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">Temple of Love (1992) - 2018 Remaster</div>
|
|
<div class="artist-name">Sisters of Mercy</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/c3c6cfc9-3252-4076-812f-df38269e8952" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="xi7lOB4PndY">[YOUTUBE]</button>
|
|
<a href="http://www.thesistersofmercy.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/1sTBgoilMy9KnQSftwcjeJ" 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/xi7lOB4PndY"
|
|
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">Kashmir - Remaster</div>
|
|
<div class="artist-name">Led Zeppelin</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/9c08d02d-5e49-4ef9-b538-dce167adc54a" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="ww9484EM2OQ">[YOUTUBE]</button>
|
|
<a href="http://www.ledzeppelin.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/6Vjk8MNXpQpi0F4BefdTyq" 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/ww9484EM2OQ"
|
|
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">The Birth and Death of the Day</div>
|
|
<div class="artist-name">Explosions In The Sky</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="_jEMxeGGfqg">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/1wkwgFJRCS1UPo7R9hj7hp" 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/_jEMxeGGfqg"
|
|
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">SHUM</div>
|
|
<div class="artist-name">Go_A</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/2cb15931-0f18-44f2-98d5-eaed268a4902" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="CHBnW5KKhmY">[YOUTUBE]</button>
|
|
<a href="https://go-a-band.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/29bhnde7Gvnp7rvY9zsq5S" 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/CHBnW5KKhmY"
|
|
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">Devil's Whisper</div>
|
|
<div class="artist-name">Raury</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="LoI2C6pW9AQ">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/4co1fFBjEZ0y0FQsqYEMZX" 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/LoI2C6pW9AQ"
|
|
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">Ain't No Rest For The Wicked - Original Version</div>
|
|
<div class="artist-name">Cage The Elephant</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/779c2597-7678-4e4d-8689-c136eec65801" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="HKtsdZs9LJo">[YOUTUBE]</button>
|
|
<a href="http://www.cagetheelephant.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7tCHpjktA50ihtkLz6bAnn" 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/HKtsdZs9LJo"
|
|
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">Beautiful People (Stay High)</div>
|
|
<div class="artist-name">The Black Keys</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/c7cb53aa-0284-48df-ace1-9c5e6c9537a8" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="iWz9H3MPgqI">[YOUTUBE]</button>
|
|
<a href="https://www.theblackkeys.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/2lRBYUc9UNOMoeFaKxa6lh" 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/iWz9H3MPgqI"
|
|
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">Sticks 'N' Stones</div>
|
|
<div class="artist-name">Jamie T</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/cb10fbb0-c46a-49e8-9925-84e4f83dfa67" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="r9APEZMeH0o">[YOUTUBE]</button>
|
|
<a href="http://jamie-t.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/168AB2w5QdDAtoNVM9uaQP" 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/r9APEZMeH0o"
|
|
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">Wild Animals</div>
|
|
<div class="artist-name">The Cat Empire</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1b601517-d7d0-4676-a28f-c03b699685e9" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="t23nqHCmyuE">[YOUTUBE]</button>
|
|
<a href="http://thecatempire.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4pvyL55fcUXXqbj6gNvpnC" 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/t23nqHCmyuE"
|
|
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">I'll Be There for You - Theme From "Friends"</div>
|
|
<div class="artist-name">The Rembrandts</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/4672c57c-63a2-48d9-8759-70016d677aab" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="S8PNXgLhkT0">[YOUTUBE]</button>
|
|
<a href="http://www.therembrandts.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/15tHagkk8z306XkyOHqiip" 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/S8PNXgLhkT0"
|
|
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">Come On Eileen</div>
|
|
<div class="artist-name">Dexys Midnight Runners</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/6c0acde7-b465-4974-8d8c-cafa8f2c6158" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="6BODDyZRF6A">[YOUTUBE]</button>
|
|
<a href="http://www.dexysonline.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3MrWxJaD2AT0W9DjWF64Vm" 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/6BODDyZRF6A"
|
|
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">Dancing Queen</div>
|
|
<div class="artist-name">ABBA</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/a502f559-f70c-4e0d-a5e5-e0cc319d0bd7" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="xFrGuyw1V8s">[YOUTUBE]</button>
|
|
<a href="https://abbasite.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0GjEhVFGZW8afUYGChu3Rr" 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/xFrGuyw1V8s"
|
|
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">Harder, Better, Faster, Stronger - Alive Radio Edit 2007</div>
|
|
<div class="artist-name">Daft Punk</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/e3d5a93f-c409-4889-9389-c4e543a7f10b" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="sTymt-na1dE">[YOUTUBE]</button>
|
|
<a href="https://daftpunk.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/7z2Xur2O6Dy9mh8oSauXa2" 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/sTymt-na1dE"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">22</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">I Am The Doctor</div>
|
|
<div class="artist-name">Murray Gold</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/1326a9a1-ba76-4f07-bb57-1a8f7255c3ee" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="kqSlCCufDR4">[YOUTUBE]</button>
|
|
<a href="https://www.youtube.com/channel/UCsd3WNYB-A0y9YmUygIM8kg" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/03FHEMDdn1KcTQdJFDPlZ5" class="tl sp" target="_blank" rel="noopener">[SPOTIFY]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embed-wrap">
|
|
<div class="embed-ratio">
|
|
<iframe src="" data-src="https://www.youtube.com/embed/kqSlCCufDR4"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="track-card">
|
|
<div class="track-row">
|
|
<div class="zone-l">
|
|
<span class="track-num">23</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Percussion Vibration</div>
|
|
<div class="artist-name">MEZERG</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="rWmQlzsHD2k">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/5NsyYZilaRSBXQuuwE1oot" 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/rWmQlzsHD2k"
|
|
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">Les Nuits</div>
|
|
<div class="artist-name">Nightmares On Wax</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/67240386-0f5d-4592-ad63-e94797d0473d" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="_Q7IJOYxAMo">[YOUTUBE]</button>
|
|
<a href="http://www.nightmaresonwax.co.uk/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5Kv5Rh4wSmNquiFSqAKHHi" 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/_Q7IJOYxAMo"
|
|
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">You Look Like Trouble (But I Guess I Do Too) - Live</div>
|
|
<div class="artist-name">Lisa LeBlanc, Orchestre Symphonique De Québec</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="54U_4MRgt_c">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6UbPI7wogqpV0GzJg5uI5m" 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/54U_4MRgt_c"
|
|
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">Sugaan Essena - Original Music from "Star Wars Jedi: Fallen Order"</div>
|
|
<div class="artist-name">The HU</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/b7bf17b8-b858-41a3-b9b2-b022e0caa11f" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="oJZfEh3EciU">[YOUTUBE]</button>
|
|
<a href="https://www.thehuofficial.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/4hArxLcGoeEMYHzqfgffT4" 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/oJZfEh3EciU"
|
|
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">Dreams - 2004 Remaster</div>
|
|
<div class="artist-name">Fleetwood Mac</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/248cc9d1-97ea-493e-84d4-4c5ec718683b" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="5oWyMakvQew">[YOUTUBE]</button>
|
|
<a href="http://www.fleetwoodmac.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/0ofHAoxe9vBkTCp2UQIavz" 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/5oWyMakvQew"
|
|
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">Mantra</div>
|
|
<div class="artist-name">Monkey Safari</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="PKHOa94o02s">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/6T9Rie6HYLSlFFM8nNgQzG" 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/PKHOa94o02s"
|
|
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">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">30</span>
|
|
</div>
|
|
<div class="zone-r">
|
|
<div class="track-name">Baiana - CloZee Remix</div>
|
|
<div class="artist-name">CloZee, Barbatuques</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/2428d34c-ebee-46f5-978d-2fdea69a680f" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="SHUAwlOHsJM">[YOUTUBE]</button>
|
|
<a href="http://www.barbatuques.com.br/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5nQRjPmBn5foHzXI78qv5K" 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/SHUAwlOHsJM"
|
|
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">Golden Age</div>
|
|
<div class="artist-name">Chris Staples</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/9f931962-c185-4e79-90c0-b4185919d7bb" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="jBjLJ0moWBI">[YOUTUBE]</button>
|
|
<a href="https://chrisstaples.bandcamp.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/3mwyvTN2cZjwDy5PlGsaBS" 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/jBjLJ0moWBI"
|
|
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">Sommarfågel</div>
|
|
<div class="artist-name">Wintergatan</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="SBK2AF-NdVA">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3fny5rAub4a4UAOiEo3Tny" 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/SBK2AF-NdVA"
|
|
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">YAKOYO</div>
|
|
<div class="artist-name">Tommy WÁ</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<span class="tl na">[MUSICBRAINZ]</span>
|
|
<button class="tl yt-toggle" data-vid="59N9tTvvUo0">[YOUTUBE]</button>
|
|
<span class="tl na">[ARTIST]</span>
|
|
<a href="https://open.spotify.com/track/3cEuAQPQ5Z9uObuXIL9pwr" 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/59N9tTvvUo0"
|
|
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">Title Holder</div>
|
|
<div class="artist-name">The Interrupters</div>
|
|
<div class="album-meta"></div>
|
|
<div class="links-row">
|
|
<a href="https://musicbrainz.org/recording/52919d47-ade5-406f-bb02-767035994cca" class="tl" target="_blank" rel="noopener">[MUSICBRAINZ]</a>
|
|
<button class="tl yt-toggle" data-vid="biHxvboejSc">[YOUTUBE]</button>
|
|
<a href="http://www.wearetheinterrupters.com/" class="tl" target="_blank" rel="noopener">[ARTIST]</a>
|
|
<a href="https://open.spotify.com/track/5dt0dBcBTgGb7Gt5hNTG91" 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/biHxvboejSc"
|
|
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>
|