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

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -102,6 +102,20 @@
text-transform: uppercase; 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 { footer {
margin-top: 5rem; margin-top: 5rem;
border-top: 1px solid var(--ff-deep); border-top: 1px solid var(--ff-deep);
@@ -116,14 +130,23 @@
<body> <body>
<header> <header>
<a href="../index.html" target="_top" class="back-link">← back to space</a>
<h1>PLAYLISTS</h1> <h1>PLAYLISTS</h1>
<!-- SUBTITLE-START --> <!-- 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 --> <!-- SUBTITLE-END -->
</header> </header>
<main class="playlist-grid"> <main class="playlist-grid">
<!-- PLAYLIST-CARDS-START --> <!-- 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"> <a href="daydreamsoftime.html" class="playlist-card">
<div class="playlist-name">Daydreams Of Time</div> <div class="playlist-name">Daydreams Of Time</div>
<div class="track-count">88 tracks</div> <div class="track-count">88 tracks</div>
@@ -132,14 +155,74 @@
<div class="playlist-name">Eclectica Experimenti</div> <div class="playlist-name">Eclectica Experimenti</div>
<div class="track-count">85 tracks</div> <div class="track-count">85 tracks</div>
</a> </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"> <a href="soosfynwyn.html" class="playlist-card">
<div class="playlist-name">Soos Fyn Wyn</div> <div class="playlist-name">Soos Fyn Wyn</div>
<div class="track-count">62 tracks</div> <div class="track-count">62 tracks</div>
</a> </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"> <a href="theelfladymadeusdoit.html" class="playlist-card">
<div class="playlist-name">The Elf Lady Made Us Do It</div> <div class="playlist-name">The Elf Lady Made Us Do It</div>
<div class="track-count">34 tracks</div> <div class="track-count">34 tracks</div>
</a> </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 --> <!-- PLAYLIST-CARDS-END -->
</main> </main>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff