diff --git a/src/img/album-art/common-people.jpg b/src/img/album-art/common-people.jpg new file mode 100644 index 0000000..894adf7 Binary files /dev/null and b/src/img/album-art/common-people.jpg differ diff --git a/src/img/album-art/hits.jpg b/src/img/album-art/hits.jpg new file mode 100644 index 0000000..249646d Binary files /dev/null and b/src/img/album-art/hits.jpg differ diff --git a/src/img/album-art/more.jpg b/src/img/album-art/more.jpg new file mode 100644 index 0000000..bef6d8a Binary files /dev/null and b/src/img/album-art/more.jpg differ diff --git a/src/img/album-art/travelling-without-moving.jpg b/src/img/album-art/travelling-without-moving.jpg new file mode 100644 index 0000000..f8b61a5 Binary files /dev/null and b/src/img/album-art/travelling-without-moving.jpg differ diff --git a/src/index.php b/src/index.php index 9766f74..584cbea 100644 --- a/src/index.php +++ b/src/index.php @@ -37,7 +37,7 @@ - + diff --git a/src/style.css b/src/style.css index 21dfb2b..44cc935 100644 --- a/src/style.css +++ b/src/style.css @@ -76,6 +76,34 @@ a { } +.album-art{ + + border-radius: 10px; + width: 128px; + +} + +.track-list-container{ + + border-radius: 10px; + + +} + +.track-card{ + + margin: 5px; + + padding: 10px; + + border-radius: 10px; + + display: inline-block; + + max-width: fit-content; + +} + .link-card{ diff --git a/src/tunes.php b/src/tunes.php index b227812..d8653f1 100644 --- a/src/tunes.php +++ b/src/tunes.php @@ -9,5 +9,42 @@ + + +
+ +

Here's some of my favourite music!

+ +
+ +
+ +
+ + + +
+

Common People

+

Hits

+

Pulp

+
+ + +
+ +
+ + + +
+

Grown Ups

+

More

+

Pulp

+
+
+ +
+ +