9afda9a01a
- Create /music landing page with artist grid - Add /music/Darnea artist page with album listing - Build /music/Darnea/DGDN album player with clickable tracklist - Auto-play next track on completion - Dangrubb-branded styling with cyan accent colors - FLAC player pulls from /src/audio/DGDN - Move landing page links to bottom with yellow announcement box
50 lines
1.3 KiB
HTML
50 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>DGDN - Darnea | dangrubb.net</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="../../../style.css">
|
|
<link rel="stylesheet" href="../../music.css">
|
|
<link rel="stylesheet" href="./player.css">
|
|
</head>
|
|
<body>
|
|
<div class="music-container">
|
|
<div class="music-header">
|
|
<h1><a href="/music">Music</a> / <a href="/music/Darnea">Darnea</a> / DGDN</h1>
|
|
</div>
|
|
|
|
<div class="album-player">
|
|
<div class="album-header">
|
|
<div class="album-artwork">🔥</div>
|
|
<div class="album-info">
|
|
<h2>DGDN</h2>
|
|
<p class="artist-name">Darnea</p>
|
|
<p class="album-desc">Leaked from the vault</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="player-section">
|
|
<div id="now-playing" class="now-playing">
|
|
<p>Select a track to play</p>
|
|
</div>
|
|
|
|
<audio id="audio-player" controls></audio>
|
|
</div>
|
|
|
|
<div class="tracklist">
|
|
<h3>Tracklist</h3>
|
|
<ol id="tracks-list"></ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="music-footer">
|
|
<p><a href="/music/Darnea">← back to artist</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./player.js"></script>
|
|
</body>
|
|
</html>
|