diff --git a/.gitignore b/.gitignore
index 34169b3..4af4c7e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
target
.direnv/
+node_modules
+dist
diff --git a/music-player/client/index.html b/music-player/client/index.html
index 76dd7e7..445f4e6 100644
--- a/music-player/client/index.html
+++ b/music-player/client/index.html
@@ -3,12 +3,77 @@
+
Music Player
- Placeholder Title
+ Lindsey Sterling - Elements [paused]
+
+
+
+
+
+ - By Artist
+ - By Album
+ - Work Music
+ - Dance Music
+
+
+
+
+
+
+
+ Track # |
+ Title |
+ Artist |
+ Album |
+ Length |
+
+
+
+
+
+ 1 |
+ Underground |
+ Lindsey Stirling |
+ Artemis |
+ 4:24 |
+
+
+ 2 |
+ Artemis |
+ Lindsey Stirling |
+ Artemis |
+ 3:54 |
+
+
+ 3 |
+ Til the Light Goes Out |
+ Lindsey Stirling |
+ Artemis |
+ 4:46 |
+
+
+ 4 |
+ Between Twilight |
+ Lindsey Stirling |
+ Artemis |
+ 4:20 |
+
+
+ 5 |
+ Foreverglow |
+ Lindsey Stirling |
+ Artemis |
+ 3:58 |
+
+
+
+
+
+
-
diff --git a/music-player/client/package.json b/music-player/client/package.json
index c494f5a..23cefc9 100644
--- a/music-player/client/package.json
+++ b/music-player/client/package.json
@@ -14,7 +14,6 @@
},
"devDependencies": {
"@types/lodash": "^4.14.191",
- "live-server": "^1.2.2",
"typescript": "^4.9.4"
}
}
diff --git a/music-player/client/styles.css b/music-player/client/styles.css
new file mode 100644
index 0000000..d28cbe6
--- /dev/null
+++ b/music-player/client/styles.css
@@ -0,0 +1,39 @@
+body {
+ background-color: rgb(240, 230, 230);
+}
+
+.currently-playing {
+ padding: 8px;
+}
+
+.controls {
+ padding: 8px;
+}
+
+.track-list {
+ border: 1px solid black;
+ display: flex;
+}
+
+.track-list__grouping {
+ padding: 8px;
+ border-style: solid;
+ border-width: 0px 5px 0px 0px;
+}
+
+.bulletless-list {
+ list-style: none;
+}
+
+.track-list__track-row {
+ background-color: rgb(10, 10, 10);
+}
+
+.track-list__track-row:nth-child(even) {
+ background-color: rgb(255, 255, 255);
+}
+
+.track-list__track-row:nth-child(odd) {
+ background-color: rgb(200, 200, 200);
+}
+