From bd00d84ba414a6b4cc4d7e88924ef64000b70c8e Mon Sep 17 00:00:00 2001 From: dangrubbb Date: Sat, 28 Feb 2026 22:32:58 +0000 Subject: [PATCH] Seperate CSS for music --- music/Darnea/DGDN/index.html | 1 - music/Darnea/index.html | 1 - music/index.html | 1 - music/music.css | 126 ++++++++++++++++++++++++++--------- 4 files changed, 93 insertions(+), 36 deletions(-) diff --git a/music/Darnea/DGDN/index.html b/music/Darnea/DGDN/index.html index 3b71a83..d2ad1f0 100644 --- a/music/Darnea/DGDN/index.html +++ b/music/Darnea/DGDN/index.html @@ -5,7 +5,6 @@ DGDN - Darnea | dangrubb.net - diff --git a/music/Darnea/index.html b/music/Darnea/index.html index 8fa5d92..98a5419 100644 --- a/music/Darnea/index.html +++ b/music/Darnea/index.html @@ -5,7 +5,6 @@ Darnea - dangrubb.net - diff --git a/music/index.html b/music/index.html index d668c99..63d50c9 100644 --- a/music/index.html +++ b/music/index.html @@ -5,7 +5,6 @@ dangrubb.net Music - diff --git a/music/music.css b/music/music.css index 622254a..daa5077 100644 --- a/music/music.css +++ b/music/music.css @@ -1,9 +1,35 @@ -/* Music Platform Styling */ +/* --- BASE STYLES (Merged from style.css) --- */ +body { + background: #0d0a14; + padding: 40px 20px; + font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace; + color: #9d9aa4; + /* Fixed the no-scroll issue here: */ + min-height: 100vh; + margin: 0; + display: flex; + flex-direction: column; + box-sizing: border-box; + overflow-y: auto; +} +a { + color: #6be1e9; + text-decoration: none; +} + +a:focus, +a:hover, +a:visited { + opacity: 0.8; +} + +/* --- MUSIC PLATFORM STYLING --- */ .music-container { max-width: 900px; margin: 0 auto; padding: 40px 20px; + flex: 1; /* Allows container to grow and push footer down */ } .music-header { @@ -22,14 +48,9 @@ .music-header h1 a { color: #6be1e9; - text-decoration: none; } -.music-header h1 a:hover { - opacity: 0.8; -} - -/* Artists Grid */ +/* Artists/Albums Grid */ .artists-grid, .albums-grid { display: grid; @@ -68,17 +89,6 @@ color: #9d9aa4; } -.artist-card h2 a, -.album-card h3 a { - color: #6be1e9; - text-decoration: none; -} - -.artist-card h2 a:hover, -.album-card h3 a:hover { - opacity: 0.8; -} - .artist-meta, .album-meta { color: #6be1e9; @@ -106,47 +116,97 @@ color: #9d9aa4; } -/* Footer */ +/* Footer / Bottom Nav */ .music-footer { text-align: center; margin-top: 60px; - padding-top: 20px; + padding: 20px 0; border-top: 2px solid rgba(107, 225, 233, 0.3); } -.music-footer p { - margin: 0; +.bottom-nav { + margin-top: auto; + width: 100%; + text-align: center; + padding: 20px 0; } -.music-footer a { - color: #6be1e9; - text-decoration: none; +.bottom-nav a { + margin: 0 10px; + display: inline-block; } -.music-footer a:hover { - opacity: 0.8; +/* --- BARD / IMAGE STYLES --- */ +.bard { + margin: 0 auto 30px; + width: 100%; + max-width: 65em; + height: auto; + aspect-ratio: 1 / 0.95; + font-size: 2px; + flex-shrink: 0; + position: relative; } -/* Responsive */ +.bard img { + width: 100%; + height: auto; + position: absolute; + left: 0; + top: 0; +} + +/* --- ANNOUNCEMENT & BLOG PREVIEW --- */ +.announcement { + margin: 20px auto; + display: block; + border: 1px solid #ffff00; + padding: 10px 15px; + border-radius: 3px; + text-align: center; + max-width: 400px; +} + +.announcement a { + color: #ffff00; + font-weight: bold; +} + +.blog-preview-container { + margin: 30px auto; + max-width: 600px; + width: 100%; + display: flex; + justify-content: center; +} + +.blog-preview { + border: 1px solid rgba(155, 169, 180, 0.3); + border-radius: 4px; + padding: 15px; + background: linear-gradient(135deg, rgba(13, 10, 20, 0.6), rgba(50, 30, 80, 0.3)); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); +} + +/* --- RESPONSIVE MEDIA QUERIES --- */ @media (max-width: 768px) { .music-container { padding: 20px 10px; } - .music-header h1 { font-size: 1.5rem; } - .artists-grid, .albums-grid { grid-template-columns: 1fr; } - .artist-banner { font-size: 3rem; } - .artist-detail h2 { font-size: 1.8rem; } -} + .bard { + font-size: 3px; + } +} \ No newline at end of file