Add 17 new playlist pages; update hub to 21 playlists / 1601 tracks

- 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>
This commit is contained in:
2026-04-07 20:16:55 +02:00
parent eb1609f652
commit 0d84daea6a
19 changed files with 37881 additions and 966 deletions

View File

@@ -102,6 +102,20 @@
text-transform: uppercase;
}
.back-link {
display: inline-block;
font-family: 'Share Tech Mono', monospace;
color: var(--text-muted);
font-size: 0.85rem;
text-decoration: none;
margin-bottom: 2rem;
letter-spacing: 0.05em;
}
.back-link:hover {
color: var(--ff-primary);
}
footer {
margin-top: 5rem;
border-top: 1px solid var(--ff-deep);
@@ -116,14 +130,23 @@
<body>
<header>
<a href="../index.html" target="_top" class="back-link">← back to space</a>
<h1>PLAYLISTS</h1>
<!-- SUBTITLE-START -->
<p class="subtitle">4 playlists &bull; 269 tracks &bull; Faerie Fire Collection</p>
<p class="subtitle">21 playlists &bull; 1601 tracks &bull; Faerie Fire Collection</p>
<!-- SUBTITLE-END -->
</header>
<main class="playlist-grid">
<!-- PLAYLIST-CARDS-START -->
<a href="allthisstuffonthewagon.html" class="playlist-card">
<div class="playlist-name">All This Stuff On The Wagon</div>
<div class="track-count">33 tracks</div>
</a>
<a href="buckleupbiches.html" class="playlist-card">
<div class="playlist-name">Buckle Up Biches…</div>
<div class="track-count">83 tracks</div>
</a>
<a href="daydreamsoftime.html" class="playlist-card">
<div class="playlist-name">Daydreams Of Time</div>
<div class="track-count">88 tracks</div>
@@ -132,14 +155,74 @@
<div class="playlist-name">Eclectica Experimenti</div>
<div class="track-count">85 tracks</div>
</a>
<a href="forthosedayswithnothingtodo.html" class="playlist-card">
<div class="playlist-name">For Those Days With Nothing To Do</div>
<div class="track-count">85 tracks</div>
</a>
<a href="gottalovethisworldofours.html" class="playlist-card">
<div class="playlist-name">Gotta Love This World Of Ours</div>
<div class="track-count">99 tracks</div>
</a>
<a href="highlysocietal.html" class="playlist-card">
<div class="playlist-name">Highly Societal</div>
<div class="track-count">110 tracks</div>
</a>
<a href="humilitascoronaveritatis.html" class="playlist-card">
<div class="playlist-name">Humilitas Corona Veritatis</div>
<div class="track-count">83 tracks</div>
</a>
<a href="karmicconssequinsherein.html" class="playlist-card">
<div class="playlist-name">Karmic Cons &amp; Sequins Herein</div>
<div class="track-count">42 tracks</div>
</a>
<a href="mellowmallowmulliganagain.html" class="playlist-card">
<div class="playlist-name">Mellow Mallow Mulligan Again</div>
<div class="track-count">101 tracks</div>
</a>
<a href="oppiestoepinnieskemer.html" class="playlist-card">
<div class="playlist-name">Oppie Stoep Innie Skemer</div>
<div class="track-count">89 tracks</div>
</a>
<a href="shuffleforanhouronyourown.html" class="playlist-card">
<div class="playlist-name">Shuffle For An Hour On Your Own</div>
<div class="track-count">56 tracks</div>
</a>
<a href="soosfynwyn.html" class="playlist-card">
<div class="playlist-name">Soos Fyn Wyn</div>
<div class="track-count">62 tracks</div>
</a>
<a href="staytrippylittlehippy.html" class="playlist-card">
<div class="playlist-name">Stay Trippy Little Hippy</div>
<div class="track-count">83 tracks</div>
</a>
<a href="theelfladymadeusdoit.html" class="playlist-card">
<div class="playlist-name">The Elf Lady Made Us Do It</div>
<div class="track-count">34 tracks</div>
</a>
<a href="useaspoonyouheathen.html" class="playlist-card">
<div class="playlist-name">Use A Spoon You Heathen</div>
<div class="track-count">65 tracks</div>
</a>
<a href="wegonnamakethatbigfireburn.html" class="playlist-card">
<div class="playlist-name">We Gonna Make That Big Fire Burn</div>
<div class="track-count">66 tracks</div>
</a>
<a href="whichrodeoisthis.html" class="playlist-card">
<div class="playlist-name">Which Rodeo Is This</div>
<div class="track-count">41 tracks</div>
</a>
<a href="whispersonthewind.html" class="playlist-card">
<div class="playlist-name">Whispers On The Wind</div>
<div class="track-count">75 tracks</div>
</a>
<a href="workingclassyachtclub.html" class="playlist-card">
<div class="playlist-name">Working Class Yacht Club</div>
<div class="track-count">120 tracks</div>
</a>
<a href="yingtongiddleipo.html" class="playlist-card">
<div class="playlist-name">Ying Tong Iddle I Po</div>
<div class="track-count">101 tracks</div>
</a>
<!-- PLAYLIST-CARDS-END -->
</main>