diff --git a/public/styles.css b/public/styles.css index cc8bb96..5d98caa 100644 --- a/public/styles.css +++ b/public/styles.css @@ -26,6 +26,7 @@ p { a { color: #DD7FB6; + font-family: ubuntuSansMono; text-decoration: none } @@ -95,12 +96,20 @@ div.audiocard { background-color: #51324A; display: inline-flex; text-align: left; - flex-direction: row; - box-sizing: border-box; padding: 15px; border-radius: 15px; } +div.audiocard-floating-left { + margin: 0 20px 20px 0; + float: left; +} + +div.audiocard-floating-right { + margin: 0 0 20px 20px; + float: right; +} + div.audioinner { padding-left: 15px; display: inline-flex; @@ -110,10 +119,10 @@ div.audioinner { img.albumcoversmall { height: 100px; - width: 90px; + width: 100px; + border-radius: 12px;; } - div.audioinner a, p { margin: 5px; diff --git a/template-music.html b/template-music.html index 21c0294..40cc68f 100644 --- a/template-music.html +++ b/template-music.html @@ -27,12 +27,12 @@

djent

-
+ +
Album cover of Periphery's Juggernaut: Alpha
-

Periphery - Rainbow Gravity

Juggernaut: Alpha
+

{{djent-paragraph}}

+

metalcore

-
+
Album cover of Invent Animate's Greyview
-

Invent Animate - Cloud Cascade

Greyview
+

{{metalcore-paragraph}}

+ +

invent animate

+ +

{{invent-animate-paragraph}}

+

progressive metal

@@ -66,7 +73,6 @@ src="https://archive.org/download/mbid-dcb6d817-0f33-4faa-8720-fb720396a0a8/mbid-dcb6d817-0f33-4faa-8720-fb720396a0a8-14429420393_thumb250.jpg" alt="Album cover of Fallujah's Dreamless">
-

Fallujah - Dreamless

Dreamless