Fixing OpenClaw's CSS formatting

- 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

index.html

@@ -247,14 +247,18 @@
   <div class="code"></div>
 </div>
 
-<div class="links-bottom">
+<!-- Navigation Links (now pinned to bottom via CSS) -->
+<nav class="bottom-nav">
+  <p>
     <a target="_parent" href="https://ai.dangrubb.net">ai</a>
     <a target="_parent" href="https://dangrubb.net/blog">blog</a>
     <a target="_parent" href="https://pi.dangrubb.net/jellyfin">media</a>
     <a target="_parent" href="https://pi.dangrubb.net/nextcloud">storage</a>
     <a target="_parent" href="https://dangrubb.net/cv">cv</a>
     <a target="_parent" href="https://pi.dangrubb.net/dangit">git</a>
-</div>
+  </p>
+</nav>
+
 <!-- partial -->
   <script  src="./script.js"></script>
 

style.css

@@ -264,3 +264,51 @@ a:focus-visible {
 .column + .column {
   color: #aa95bd;
 }
+
+/* Make body use flexbox to push nav to bottom */
+body {
+  background: #0d0a14;
+  padding: 40px 20px;
+  font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
+  color: #9d9aa4;
+  min-height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  overflow: hidden; /* Prevents scrollbar */
+}
+
+/* Color the announcement link yellow */
+.announcement {
+  margin: 20px auto 0;
+}
+
+.announcement a {
+  color: #ffff00;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.announcement a:hover {
+  text-decoration: underline;
+}
+
+/* Push the navigation to the bottom using flexbox spacer */
+.bottom-nav {
+  margin-top: auto;
+  width: 100%;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
+.bottom-nav p {
+  margin: 0;
+  text-align: center;
+}
+
+.bottom-nav a {
+  margin: 0 10px;
+  display: inline-block;
+}