eworc778/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Started adding tracks to

Browse Source
This commit is contained in:
eworc778 2025-08-11 20:17:09 +01:00
parent 60e2e0f040
commit 4687eb40e2
7 changed files with 66 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/img/album-art/common-people.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
src/img/album-art/hits.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
src/img/album-art/more.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
src/img/album-art/travelling-without-moving.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

2
src/index.php
View File

@ -37,7 +37,7 @@
<img src="./img/music-note.svg" class="link-icon"> <img src="./img/music-note.svg" class="link-icon">
<p class="link-card-text">Tunes</p> <p class="link-card-text">Music</p>
</div> </div>
</a> </a>

28
src/style.css
View File

@ -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{ .link-card{

37
src/tunes.php
View File

@ -9,5 +9,42 @@
</head> </head>
<body> <body>
<script src="index.js"></script> <script src="index.js"></script>
<div class="centered-div intro-div">
<h3>Here's some of my favourite music!</h3>
</div>
<div class="centered-div track-list-container" style="width: 100%;">
<div class="track-card" style="background-color: #bb9af7;">
<img class="album-art" src="./img/album-art/common-people.jpg">
<div class="track-info">
<p>Common People</p>
<p>Hits</p>
<p>Pulp</p>
</div>
</div>
<div class="track-card" style="background-color: #f7768e;">
<img class="album-art" src="./img/album-art/more.jpg">
<div class="track-info">
<p>Grown Ups</p>
<p>More</p>
<p>Pulp</p>
</div>
</div>
</div>
</body> </body>
</html> </html>