diff --git a/src/img/album-art/boys-dont-cry.jpg b/src/img/album-art/boys-dont-cry.jpg new file mode 100644 index 0000000..33510e5 Binary files /dev/null and b/src/img/album-art/boys-dont-cry.jpg differ diff --git a/src/img/album-art/emergency-on-planet-earth.jpg b/src/img/album-art/emergency-on-planet-earth.jpg new file mode 100644 index 0000000..cd721ab Binary files /dev/null and b/src/img/album-art/emergency-on-planet-earth.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/parklife.jpg b/src/img/album-art/parklife.jpg new file mode 100644 index 0000000..96b2382 Binary files /dev/null and b/src/img/album-art/parklife.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/img/album-art/wish.jpg b/src/img/album-art/wish.jpg new file mode 100644 index 0000000..0561522 Binary files /dev/null and b/src/img/album-art/wish.jpg differ diff --git a/src/img/album-art/yoshimi-battles-the-pink-robots.jpg b/src/img/album-art/yoshimi-battles-the-pink-robots.jpg new file mode 100644 index 0000000..2c59b52 Binary files /dev/null and b/src/img/album-art/yoshimi-battles-the-pink-robots.jpg differ diff --git a/src/img/back.svg b/src/img/back.svg new file mode 100644 index 0000000..f9975f7 --- /dev/null +++ b/src/img/back.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/gitea.svg b/src/img/gitea.svg index 8589b76..4ee53a8 100644 --- a/src/img/gitea.svg +++ b/src/img/gitea.svg @@ -1,10 +1,15 @@ - - - - - - - Gitea icon - - - \ No newline at end of file + + + + + + + + +Gitea icon + + + + + + \ No newline at end of file diff --git a/src/img/music-note.svg b/src/img/music-note.svg index 67516a4..c12effe 100644 --- a/src/img/music-note.svg +++ b/src/img/music-note.svg @@ -1,3 +1,2 @@ - \ No newline at end of file diff --git a/src/index.php b/src/index.php index d81e76e..cbeaaa5 100644 --- a/src/index.php +++ b/src/index.php @@ -37,7 +37,7 @@ -

Tunes

+

Music

diff --git a/src/style.css b/src/style.css index f2dd1ea..e939749 100644 --- a/src/style.css +++ b/src/style.css @@ -20,7 +20,7 @@ p, h1, h2, h3, h4 { text-align: center; border-radius: 10px; padding: 10px; - margin-top: 5%; + margin-top: 10%; } @@ -108,6 +108,48 @@ 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; + +} + +.home-button{ + + background-color: #2ac3de; + position:fixed; + top:0; + width:10%; + z-index:100; + max-width: fit-content; + margin-top: 10px; + padding: 5px; + border-radius: 10px; + +} + .link-card{ diff --git a/src/tunes.php b/src/tunes.php index b227812..47f3ed5 100644 --- a/src/tunes.php +++ b/src/tunes.php @@ -9,5 +9,86 @@ + + + +
+ +
+ + +
+ +

Here's some of my favourite music!

+ +
+ +
+ +
+ +
+

Common People

+

Hits

+

Pulp

+
+
+ + +
+ +
+

Travelling Without Moving

+

Travelling Without Moving

+

Jamiroquai

+
+
+ +
+ +
+

Boys Don't Cry

+

Boys Don't Cry

+

The Cure

+
+
+ +
+ +
+

Grown Ups

+

More

+

Pulp

+
+
+ + +
+ +
+

Friday I'm In Love

+

Wish

+

The Cure

+
+
+ +
+ + + + +
+

Parklife

+

Parklife

+

Blur

+
+ + +
+ + +
+ +