From ca8f1a35cb6b67d690c8bc4bdc6c0b89359d9a38 Mon Sep 17 00:00:00 2001
From: Zainab Choudhry <zainabchoudhry05@gmail.com>
Date: Tue, 28 May 2024 17:09:41 +0100
Subject: [PATCH 1/3] Work in progress

---
 css/style.css | 179 ++++++++++++++++++++++++++++++++
 index.html    | 281 ++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 450 insertions(+), 10 deletions(-)

diff --git a/css/style.css b/css/style.css
index e69de29b..dcdc78ac 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,179 @@
+* {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
+}
+main {
+  height: 100vh;
+  display: grid;
+  grid-template-columns: 300px 1fr;
+  grid-template-rows: 50px 1fr 90px;
+}
+.music-player {
+  grid-row: 3 / span 1;
+  grid-column: 1 / span 2;
+  display: grid;
+  grid-template-columns: 300px 1fr 200px;
+  background-color: rgb(53, 53, 53);
+}
+.music-selection-menu {
+  grid-column: 2 / span 1;
+  overflow: scroll;
+  overflow-x: hidden;
+  scrollbar-gutter: auto;
+  display: grid;
+  grid-template-rows: repeat(4, auto);
+  background-color: lightgray;
+}
+.left-menu {
+  grid-row: 1 / span 2;
+  display: grid;
+  grid-template-rows: 60px 1fr 80px;
+  background-color: black;
+  color: white;
+}
+.first-row,
+.second-row,
+.third-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+}
+.album {
+  height: 300px;
+  border: 2px solid white;
+}
+.navigation-section {
+  display: inline-block;
+  border: 2px solid white;
+  margin: 0 auto;
+  text-align: center;
+}
+.navigation-section a {
+  padding: 60px;
+}
+.menu-section {
+  display: grid;
+  grid-template-rows: repeat(7, 50px);
+  grid-template-columns: 1fr;
+  justify-content: start;
+  text-align: start;
+  margin: 5px;
+  cursor: pointer;
+}
+.menu-buttons {
+  display: grid;
+  grid-template-columns: 40px auto;
+  gap: 5px;
+  align-items: center;
+  max-width: fit-content;
+  padding: 5px;
+}
+.menu-section a {
+  text-decoration: none;
+  font-size: 20px;
+  color: black;
+  font-weight: bold;
+}
+.menu-buttons:hover {
+  border-left: 5px solid rgb(3, 200, 3);
+}
+.spotify-header {
+  margin: 10px 10px;
+}
+svg {
+height: 100%;
+}
+.menu-buttons a {
+  color: white;
+  grid-column: 2 / span 1;
+  grid-row: 1 / span 1;
+}
+.create-playlist-section {
+  grid-row: 3 / span 1;
+  display: grid;
+  grid-template-rows: repeat(4, 50px);
+}
+.now-playing-section {
+  display: grid;
+  grid-template-columns: 70px 1fr 80px;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 15px;
+  color: white;
+  align-items: center;
+}
+.now-playing-audio img {
+  grid-column: 1 / span 1;
+  width: 100%;
+  margin: 5px;
+}
+.now-playing-section p {
+  grid-column: 2 / span 1;
+  margin: 15px 15px;
+}
+.now-playing-icons svg {
+  grid-column: 3 / span 1;
+  display: inline-block;
+  margin: 10px 5px;
+  width: 20px;
+}
+.player-controls {
+  display: grid;
+  grid-template-rows: 60px 30px;
+  justify-items: center;
+  align-items: center;
+  color: white;
+}
+.upper-player-controls {
+  display: inline-block;
+  margin-top: 10px;
+}
+.skip-back-icon,
+.previous-icon,
+.forward-icon,
+.skip-forward-icon {
+  width: 20px;
+  margin: 10px 10px;
+}
+.play-icon {
+  border: 2px solid white;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  padding: 5px;
+}
+.lower-player-controls {
+  display: grid;
+  grid-template-columns: auto minmax(100px, 600px) auto;
+  margin-bottom: 10px;
+}
+.mins-listened, .mins-left {
+  margin: 0px 20px;
+}
+.progress-bar, .side-progress-bar{
+  border-radius: 10px;
+  margin: 3px;
+  height: 10px;
+  display: grid;
+  grid-template-columns: 1fr;
+  background-color: rgb(80, 79, 79);
+}
+.bar, .side-bar {
+  margin: 2px;
+  background-color:  rgb(148, 147, 147);
+  width: calc(var(--width, 0) * 1%);
+    border-radius: 10px;
+
+}
+.right-controls {
+  display: grid;
+  grid-template-columns: 110px 1fr;
+  align-items: center;
+}
+.right-controls svg {
+  width: 20px;
+  display: inline-block;
+  margin: 5px;
+}
+.side-progress-bar {
+  width: 70px;
+}
diff --git a/index.html b/index.html
index 56efbdba..3350a941 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,273 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    
-</body>
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/css/style.css" />
+    <title>Spotify.com</title>
+    <script
+      src="https://kit.fontawesome.com/6f63bcce2a.js"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <body>
+    <main>
+      <aside class="left-menu">
+        <header class="spotify-header">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 1134 340"
+            class="spotify-logo-text"
+          >
+            <title>Spotify</title>
+            <path
+              fill="white"
+              d="M8 171c0 92 76 168 168 168s168-76 168-168S268 4 176 4 8 79 8 171zm230 78c-39-24-89-30-147-17-14 2-16-18-4-20 64-15 118-8 162 19 11 7 0 24-11 18zm17-45c-45-28-114-36-167-20-17 5-23-21-7-25 61-18 136-9 188 23 14 9 0 31-14 22zM80 133c-17 6-28-23-9-30 59-18 159-15 221 22 17 9 1 37-17 27-54-32-144-35-195-19zm379 91c-17 0-33-6-47-20-1 0-1 1-1 1l-16 19c-1 1-1 2 0 3 18 16 40 24 64 24 34 0 55-19 55-47 0-24-15-37-50-46-29-7-34-12-34-22s10-16 23-16 25 5 39 15c0 0 1 1 2 1s1-1 1-1l14-20c1-1 1-1 0-2-16-13-35-20-56-20-31 0-53 19-53 46 0 29 20 38 52 46 28 6 32 12 32 22 0 11-10 17-25 17zm95-77v-13c0-1-1-2-2-2h-26c-1 0-2 1-2 2v147c0 1 1 2 2 2h26c1 0 2-1 2-2v-46c10 11 21 16 36 16 27 0 54-21 54-61s-27-60-54-60c-15 0-26 5-36 17zm30 78c-18 0-31-15-31-35s13-34 31-34 30 14 30 34-12 35-30 35zm68-34c0 34 27 60 62 60s62-27 62-61-26-60-61-60-63 27-63 61zm30-1c0-20 13-34 32-34s33 15 33 35-13 34-32 34-33-15-33-35zm140-58v-29c0-1 0-2-1-2h-26c-1 0-2 1-2 2v29h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v58c0 23 11 35 34 35 9 0 18-2 25-6 1 0 1-1 1-2v-21c0-1 0-2-1-2h-2c-5 3-11 4-16 4-8 0-12-4-12-12v-54h30c1 0 2-1 2-2v-22c0-1-1-2-2-2h-30zm129-3c0-11 4-15 13-15 5 0 10 0 15 2h1s1-1 1-2V93c0-1 0-2-1-2-5-2-12-3-22-3-24 0-36 14-36 39v5h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v89c0 1 1 2 2 2h26c1 0 1-1 1-2v-89h25l37 89c-4 9-8 11-14 11-5 0-10-1-15-4h-1l-1 1-9 19c0 1 0 3 1 3 9 5 17 7 27 7 19 0 30-9 39-33l45-116v-2c0-1-1-1-2-1h-27c-1 0-1 1-1 2l-28 78-30-78c0-1-1-2-2-2h-44v-3zm-83 3c-1 0-2 1-2 2v113c0 1 1 2 2 2h26c1 0 1-1 1-2V134c0-1 0-2-1-2h-26zm-6-33c0 10 9 19 19 19s18-9 18-19-8-18-18-18-19 8-19 18zm245 69c10 0 19-8 19-18s-9-18-19-18-18 8-18 18 8 18 18 18zm0-34c9 0 17 7 17 16s-8 16-17 16-16-7-16-16 7-16 16-16zm4 18c3-1 5-3 5-6 0-4-4-6-8-6h-8v19h4v-6h4l4 6h5zm-3-9c2 0 4 1 4 3s-2 3-4 3h-4v-6h4z"
+            />
+          </svg>
+        </header>
+        <div class="menu-section">
+        <div class="menu-buttons">
+            <svg
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+              class="home-icon"
+            >
+              <path
+                d="M448 463.746h-149.333v-149.333h-85.334v149.333h-149.333v-315.428l192-111.746 192 110.984v316.19z"
+                fill="white"
+              />
+            </svg>
+            <a id="home-link" href="">Home</a>
+          </div>
+          <div class="menu-buttons">
+            <svg
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+              class="search-icon"
+            >
+              <path
+                d="M349.714 347.937l93.714 109.969-16.254 13.969-93.969-109.969q-48.508 36.825-109.207 36.825-36.826 0-70.476-14.349t-57.905-38.603-38.603-57.905-14.349-70.476 14.349-70.476 38.603-57.905 57.905-38.603 70.476-14.349 70.476 14.349 57.905 38.603 38.603 57.905 14.349 70.476q0 37.841-14.73 71.619t-40.889 58.921zM224 377.397q43.428 0 80.254-21.461t58.286-58.286 21.461-80.254-21.461-80.254-58.286-58.285-80.254-21.46-80.254 21.46-58.285 58.285-21.46 80.254 21.46 80.254 58.285 58.286 80.254 21.461z"
+                fill="white"
+                fill-rule="evenodd"
+              />
+            </svg>
+            <a id="search-link" href="">Search</a>
+          </div>
+          <div class="menu-buttons">
+            <svg
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+              class="library-icon"
+            >
+              <path
+                d="M291.301 81.778l166.349 373.587-19.301 8.635-166.349-373.587zM64 463.746v-384h21.334v384h-21.334zM192 463.746v-384h21.334v384h-21.334z"
+                fill="white"
+              />
+            </svg>
+            <a id="library-link" href="">Library</a>
+          </div>
+          <h2>Playlist</h2>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+            <path
+              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"
+              fill="white"
+            />
+          </svg>
+        </div>
+        </div>
+        <div class="user-profile"> User Profile</div>
+      </aside>
+      <nav class="login-section">Login/Upgrade</nav>
+      <section class="music-selection-menu">
+        <nav class="navigation-section">
+          <a id="Link1" href="">All</a>
+          <a id="Link1" href="">Music</a>
+          <a id="Link1" href="">Podcasts</a>
+          <a id="Link1" href="">Audiobooks</a>
+          <a id="Link1" href="">More</a>
+        </nav>
+        <h2>First Row</h2>
+        <section class="first-row">
+          <div class="album">Album1</div>
+          <div class="album">Album2</div>
+          <div class="album">Album3</div>
+          <div class="album">Album4</div>
+          <div class="album">Album5</div>
+          <div class="album">Album6</div>
+        </section>
+        <h2>Second Row</h2>
+        <section class="second-row">
+          <div class="album">Album1</div>
+          <div class="album">Album2</div>
+          <div class="album">Album3</div>
+          <div class="album">Album4</div>
+          <div class="album">Album5</div>
+          <div class="album">Album6</div>
+        </section>
+        <h2>Third Row</h2>
+        <section class="third-row">
+          <div class="album">Album1</div>
+          <div class="album">Album2</div>
+          <div class="album">Album3</div>
+          <div class="album">Album4</div>
+          <div class="album">Album5</div>
+          <div class="album">Album6</div>
+        </section>
+      </section>
+      <footer class="music-player">
+        <div class="now-playing-section">
+          <div class="now-playing-audio">
+            <img src="/assets/img/sinister.jpeg" />
+          </div>
+          <p>
+            <span>Sinister </span> <br />
+            Brano Nome
+          </p>
+          <div class="now-playing-icons">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 512 512"
+              class="heart-icon"
+            >
+              <path
+              fill="white"
+                d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"
+              />
+            </svg>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 512 512"
+              class="folder-icon"
+            >
+              <path
+              fill="white"
+                d="M0 96C0 60.7 28.7 32 64 32H196.1c19.1 0 37.4 7.6 50.9 21.1L289.9 96H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16H286.6c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7H64z"
+              />
+            </svg>
+          </div>
+        </div>
+        <div class="player-controls">
+          <div class="upper-player-controls">
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="skip-back-icon"
+            >
+              <path
+              fill="white"
+                d="M2.464 4.5h1.473a.75.75 0 1 1 0 1.5H0V2.063a.75.75 0 0 1 1.5 0v1.27a8.25 8.25 0 1 1 10.539 12.554.75.75 0 0 1-.828-1.25A6.75 6.75 0 1 0 2.464 4.5z"
+              ></path>
+              <path
+              fill="white"
+                d="M.303 8.407c.79 0 1.214-.52 1.214-.907h1.5v8h-1.5V9.907H0v-1.5h.303zm4.832-.911h4.05v1.5H6.33l-.245 1.067c.256-.071.525-.11.804-.11 1.621 0 2.954 1.3 2.954 2.924C9.843 14.5 8.51 15.8 6.89 15.8a2.945 2.945 0 0 1-2.93-2.54l1.487-.197c.092.69.696 1.237 1.443 1.237.813 0 1.454-.647 1.454-1.423s-.64-1.423-1.454-1.423c-.49 0-.92.235-1.183.594l-.01.014-.206.254-1.314-.639.96-4.181z"
+              ></path>
+            </svg>
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="previous-icon"
+            >
+              <path
+              fill="white"
+                d="M3.3 1a.7.7 0 0 1 .7.7v5.15l9.95-5.744a.7.7 0 0 1 1.05.606v12.575a.7.7 0 0 1-1.05.607L4 9.149V14.3a.7.7 0 0 1-.7.7H1.7a.7.7 0 0 1-.7-.7V1.7a.7.7 0 0 1 .7-.7h1.6z"
+              ></path>
+            </svg>
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="play-icon"
+            >
+              <path
+              fill="white"
+                d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+              ></path>
+            </svg>
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="forward-icon"
+            >
+              <path
+              fill="white"
+                d="M12.7 1a.7.7 0 0 0-.7.7v5.15L2.05 1.107A.7.7 0 0 0 1 1.712v12.575a.7.7 0 0 0 1.05.607L12 9.149V14.3a.7.7 0 0 0 .7.7h1.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7h-1.6z"
+              ></path>
+            </svg>
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="skip-forward-icon"
+            >
+              <path
+              fill="white"
+                d="M13.536 4.5h-1.473a.75.75 0 1 0 0 1.5H16V2.063a.75.75 0 0 0-1.5 0v1.27A8.25 8.25 0 1 0 3.962 15.887a.75.75 0 1 0 .827-1.25A6.75 6.75 0 1 1 13.535 4.5z"
+              ></path>
+              <path
+              fill="white"
+                d="M6.303 8.407c.79 0 1.214-.52 1.214-.907h1.5v8h-1.5V9.907H6v-1.5h.303zm4.832-.911h4.05v1.5H12.33l-.245 1.067c.256-.071.525-.11.804-.11 1.621 0 2.954 1.3 2.954 2.924 0 1.624-1.333 2.923-2.954 2.923a2.945 2.945 0 0 1-2.93-2.54l1.487-.197c.092.69.696 1.237 1.443 1.237.813 0 1.454-.647 1.454-1.423s-.64-1.423-1.454-1.423c-.49 0-.92.235-1.183.594l-.01.014-.206.254-1.314-.639.96-4.181z"
+              ></path>
+            </svg>
+          </div>
+          <div class="lower-player-controls">
+            <div class="mins-listened">4:56</div>
+            <div class="progress-bar">
+              <div class="bar" style="--width: 10"></div>
+            </div>
+            <div class="mins-left">23:32</div>
+          </div>
+        </div>
+        <div class="right-controls">
+          <div class="right-controls-icons">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 448 512"
+              class="menu-icon"
+              style="margin-bottom: 0px; margin-left: 10px"
+            >
+              <path
+               fill="white"
+                d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"
+              />
+            </svg>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 576 512"
+              class="screen-icon"
+              style="margin-bottom: 3px"
+            >
+              <path
+               fill="white"
+                d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V352H64V64H512z"
+              />
+            </svg>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 640 512"
+              class="volume-icon"
+            >
+              <path
+               fill="white"
+                d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"
+              />
+            </svg>
+          </div>
+          <div
+            class="side-progress-bar">
+            <div class="side-bar" style="--width: 80"></div>
+          </div>
+        </div>
+      </footer>
+    </main>
+  </body>
+</html>

From 674321934e6acf8ed2eec19444497ee7b711d304 Mon Sep 17 00:00:00 2001
From: Zainab Choudhry <zainabchoudhry05@gmail.com>
Date: Tue, 28 May 2024 18:38:33 +0100
Subject: [PATCH 2/3] Improvements made to all main sections

---
 assets/img/kermit-the-frog.jpeg | Bin 0 -> 39147 bytes
 css/style.css                   | 103 ++++++++++++++++++++---------
 index.html                      | 112 +++++++++++++++++++++++++-------
 3 files changed, 161 insertions(+), 54 deletions(-)
 create mode 100644 assets/img/kermit-the-frog.jpeg

diff --git a/assets/img/kermit-the-frog.jpeg b/assets/img/kermit-the-frog.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..dc23f4892087d5cfe28e774544fe73c3fb34666c
GIT binary patch
literal 39147
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

literal 0
HcmV?d00001

diff --git a/css/style.css b/css/style.css
index dcdc78ac..ed33f892 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,8 +6,8 @@
 main {
   height: 100vh;
   display: grid;
-  grid-template-columns: 300px 1fr;
-  grid-template-rows: 50px 1fr 90px;
+  grid-template-columns: 280px 1fr;
+  grid-template-rows: 60px 1fr 90px;
 }
 .music-player {
   grid-row: 3 / span 1;
@@ -22,13 +22,13 @@ main {
   overflow-x: hidden;
   scrollbar-gutter: auto;
   display: grid;
-  grid-template-rows: repeat(4, auto);
-  background-color: lightgray;
+  grid-template-rows: 40px repeat(3, auto);
+  background-color: rgb(59, 58, 73);
 }
 .left-menu {
   grid-row: 1 / span 2;
   display: grid;
-  grid-template-rows: 60px 1fr 80px;
+  grid-template-rows: 60px 1fr 70px;
   background-color: black;
   color: white;
 }
@@ -37,32 +37,47 @@ main {
 .third-row {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-template-rows: auto auto;
+  align-content: start;
 }
-.album {
-  height: 300px;
+.album-image{
+  height: 200px;
+  border: 2px solid white;
+}
+.album-info {
   border: 2px solid white;
 }
 .navigation-section {
   display: inline-block;
-  border: 2px solid white;
   margin: 0 auto;
-  text-align: center;
+  align-content: center;
 }
 .navigation-section a {
-  padding: 60px;
+  margin: 50px;
+  padding-bottom: 5px;
+  color: gray;
+  text-decoration: none;
+  font-weight: bold;
+}
+.navigation-section a:hover {
+  border-bottom: 5px solid rgb(3, 200, 3);
+}
+.spotify-header svg {
+  height: 80%;
+  margin: 15px;
 }
 .menu-section {
   display: grid;
-  grid-template-rows: repeat(7, 50px);
+  grid-template-rows: repeat(5, 50px);
   grid-template-columns: 1fr;
   justify-content: start;
   text-align: start;
-  margin: 5px;
+  margin: 10px;
   cursor: pointer;
 }
-.menu-buttons {
+.menu-buttons, .playlist-button{
   display: grid;
-  grid-template-columns: 40px auto;
+  grid-template-columns: 35px auto;
   gap: 5px;
   align-items: center;
   max-width: fit-content;
@@ -71,27 +86,38 @@ main {
 .menu-section a {
   text-decoration: none;
   font-size: 20px;
-  color: black;
+  color: white;
   font-weight: bold;
 }
 .menu-buttons:hover {
   border-left: 5px solid rgb(3, 200, 3);
 }
-.spotify-header {
-  margin: 10px 10px;
-}
-svg {
-height: 100%;
-}
-.menu-buttons a {
-  color: white;
-  grid-column: 2 / span 1;
-  grid-row: 1 / span 1;
-}
-.create-playlist-section {
-  grid-row: 3 / span 1;
-  display: grid;
-  grid-template-rows: repeat(4, 50px);
+.menu-section h2 {
+  margin: 20px 10px;
+}
+.playlist-button a{
+  font-size: 18px;
+  color: darkgray;
+  margin-left: 10px;
+}
+.user-profile {
+    display: grid;
+    grid-template-columns: 30px 1fr;
+    grid-template-rows: 1fr;
+    color: white;
+    font-weight: bold;
+    align-items: center;
+    margin: 20px 25px 0px 15px;
+    border-top: 2px solid grey;
+    padding: 5px;
+}
+.profile-image img{
+    grid-column: 1 / span 1;
+    border-radius: 50%;
+    width: 100%;
+}
+.user-profile p {
+  margin-left: 10px;
 }
 .now-playing-section {
   display: grid;
@@ -162,7 +188,6 @@ height: 100%;
   background-color:  rgb(148, 147, 147);
   width: calc(var(--width, 0) * 1%);
     border-radius: 10px;
-
 }
 .right-controls {
   display: grid;
@@ -177,3 +202,19 @@ height: 100%;
 .side-progress-bar {
   width: 70px;
 }
+.upgrade-section {
+  background-color: rgb(42, 41, 52);
+  text-align: end;
+  align-content: center;
+}
+.upgrade-button {
+  padding:10px;
+  padding-left: 40px;
+  padding-right: 40px;
+  margin-right: 10px;
+  border-radius: 20px;
+  background-color: rgb(42, 41, 52);
+  border: 1px solid white;
+  color: white;
+  font-weight: bold;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3350a941..2c1e17a4 100644
--- a/index.html
+++ b/index.html
@@ -68,18 +68,30 @@
             </svg>
             <a id="library-link" href="">Library</a>
           </div>
-          <h2>Playlist</h2>
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+          <h2>PLAYLIST</h2>
+          <div class="playlist-button">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="add-playlist-icon">
             <path
               d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"
               fill="white"
             />
           </svg>
+          <a id="playlist-link" href="">Create a playlist</a>
+          </div>
+        </div>
+        </div>
+        <div class="user-profile">
+          <div class="profile-image">
+            <img src="/assets/img/kermit-the-frog.jpeg" />
+          </div>
+          <p> Kermit The Frog
+          </p>
         </div>
         </div>
-        <div class="user-profile"> User Profile</div>
       </aside>
-      <nav class="login-section">Login/Upgrade</nav>
+      <nav class="upgrade-section">
+        <button class="upgrade-button">Explore Premium</button>
+      </nav>
       <section class="music-selection-menu">
         <nav class="navigation-section">
           <a id="Link1" href="">All</a>
@@ -88,32 +100,86 @@ <h2>Playlist</h2>
           <a id="Link1" href="">Audiobooks</a>
           <a id="Link1" href="">More</a>
         </nav>
-        <h2>First Row</h2>
+        <h2>Recently Played</h2>
         <section class="first-row">
-          <div class="album">Album1</div>
-          <div class="album">Album2</div>
-          <div class="album">Album3</div>
-          <div class="album">Album4</div>
-          <div class="album">Album5</div>
-          <div class="album">Album6</div>
+          <div class="album">
+            <div class="album-image">Album Image1</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image2</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image3</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image4</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+          <div class="album-image">Album Image5</div>
+            <div class="album-info"> Album Info</div>
+            </div>
+          <div class="album">
+            <div class="album-image">Album Image6</div>
+            <div class="album-info"> Album Info</div>
+          </div>
         </section>
         <h2>Second Row</h2>
         <section class="second-row">
-          <div class="album">Album1</div>
-          <div class="album">Album2</div>
-          <div class="album">Album3</div>
-          <div class="album">Album4</div>
-          <div class="album">Album5</div>
-          <div class="album">Album6</div>
+         <div class="album">
+            <div class="album-image">Album Image1</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image2</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image3</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image4</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+          <div class="album-image">Album Image5</div>
+            <div class="album-info"> Album Info</div>
+            </div>
+          <div class="album">
+            <div class="album-image">Album Image6</div>
+            <div class="album-info"> Album Info</div>
+          </div>
         </section>
         <h2>Third Row</h2>
         <section class="third-row">
-          <div class="album">Album1</div>
-          <div class="album">Album2</div>
-          <div class="album">Album3</div>
-          <div class="album">Album4</div>
-          <div class="album">Album5</div>
-          <div class="album">Album6</div>
+          <div class="album">
+            <div class="album-image">Album Image1</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image2</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image3</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+            <div class="album-image">Album Image4</div>
+            <div class="album-info"> Album Info</div>
+          </div>
+          <div class="album">
+          <div class="album-image">Album Image5</div>
+            <div class="album-info"> Album Info</div>
+            </div>
+          <div class="album">
+            <div class="album-image">Album Image6</div>
+            <div class="album-info"> Album Info</div>
+          </div>
         </section>
       </section>
       <footer class="music-player">

From 0d6795453b67284a3e0af69c5f24a38947370618 Mon Sep 17 00:00:00 2001
From: Zainab Choudhry <zainabchoudhry05@gmail.com>
Date: Wed, 29 May 2024 15:36:35 +0100
Subject: [PATCH 3/3] Completed challenge + extension

---
 assets/img/user-icon.jpg | Bin 0 -> 2067 bytes
 css/style.css            | 272 ++++++++++++++++++++++++-------
 index.html               | 342 +++++++++++++++++++++++++++++----------
 3 files changed, 474 insertions(+), 140 deletions(-)
 create mode 100644 assets/img/user-icon.jpg

diff --git a/assets/img/user-icon.jpg b/assets/img/user-icon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bfb3b2dc387efeef2b799effaf951bb13c8bb00d
GIT binary patch
literal 2067
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

literal 0
HcmV?d00001

diff --git a/css/style.css b/css/style.css
index ed33f892..bdaa02af 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,6 +2,7 @@
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
+  font-family: montserrat;
 }
 main {
   height: 100vh;
@@ -13,7 +14,7 @@ main {
   grid-row: 3 / span 1;
   grid-column: 1 / span 2;
   display: grid;
-  grid-template-columns: 300px 1fr 200px;
+  grid-template-columns: auto 1fr 200px;
   background-color: rgb(53, 53, 53);
 }
 .music-selection-menu {
@@ -22,8 +23,9 @@ main {
   overflow-x: hidden;
   scrollbar-gutter: auto;
   display: grid;
-  grid-template-rows: 40px repeat(3, auto);
-  background-color: rgb(59, 58, 73);
+  grid-template-rows: auto repeat(3, auto);
+  background-color: rgb(33, 32, 41);
+  color: white;
 }
 .left-menu {
   grid-row: 1 / span 2;
@@ -36,35 +38,110 @@ main {
 .second-row,
 .third-row {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-template-rows: auto auto;
-  align-content: start;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 260px));
+  align-content: center;
+  justify-items: start;
+  margin-left: 20px;
+  margin-right: 20px;
 }
-.album-image{
-  height: 200px;
-  border: 2px solid white;
+.album-image,
+.album-image3 {
+  position: relative;
+  z-index: 1;
+}
+.album-image img,
+.album-image3 img {
+  width: 100%;
+  padding: 10px;
 }
 .album-info {
+  padding: 10px;
+  text-align: center;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.play-icon-overlay,
+.play-icon,
+.play-icon-audio {
   border: 2px solid white;
+  fill: white;
+  border-radius: 50%;
+  padding: 5px;
+  cursor: pointer;
+}
+.play-icon-overlay,
+.play-icon-audio {
+  width: 60px;
+  height: 60px;
+  position: absolute;
+  z-index: 2;
+  bottom: 50%;
+  top: 50%;
+  left: 50%;
+  right: 50%;
+  margin-left: -30px;
+  margin-top: -30px;
+  display: none;
+}
+.album-image:hover svg,
+.album-image3:hover svg,
+.now-playing-audio:hover svg {
+  display: block;
+}
+.album-image:hover img,
+.now-playing-audio:hover img {
+  opacity: 0.5;
+}
+.music-selection-menu h2,
+.music-selection-menu p {
+  padding: 10px;
+  padding-bottom: 0px;
+  margin-left: 10px;
+}
+.music-selection-menu p {
+  padding-bottom: 20px;
+  color: rgb(154, 150, 150);
+}
+.first-row p,
+.second-row p,
+.third-row p {
+  font-weight: bold;
+  color: white;
+}
+.first-row span,
+.second-row span,
+.third-row span {
+  font-weight: normal;
+  font-size: 13px;
+  color: rgb(154, 150, 150);
+}
+.album-image3 img {
+  border-radius: 50%;
 }
 .navigation-section {
-  display: inline-block;
-  margin: 0 auto;
   align-content: center;
+  text-align: center;
 }
 .navigation-section a {
-  margin: 50px;
+  display: inline-block;
+  margin: 20px;
+  margin-bottom: 0px;
+  padding: 10px;
   padding-bottom: 5px;
-  color: gray;
+  color: rgb(154, 150, 150);
   text-decoration: none;
-  font-weight: bold;
+  font-weight: 600;
+  border-bottom: 3px solid rgb(33, 32, 41);
 }
 .navigation-section a:hover {
-  border-bottom: 5px solid rgb(3, 200, 3);
+  border-bottom: 3px solid rgb(3, 200, 3);
 }
 .spotify-header svg {
   height: 80%;
-  margin: 15px;
+  margin: 10px;
+}
+svg.spotify-logo {
+  display: none;
 }
 .menu-section {
   display: grid;
@@ -72,12 +149,14 @@ main {
   grid-template-columns: 1fr;
   justify-content: start;
   text-align: start;
+  margin-top: 10px;
   margin: 10px;
   cursor: pointer;
 }
-.menu-buttons, .playlist-button{
+.menu-buttons,
+.playlist-button {
   display: grid;
-  grid-template-columns: 35px auto;
+  grid-template-columns: 30px auto;
   gap: 5px;
   align-items: center;
   max-width: fit-content;
@@ -85,9 +164,8 @@ main {
 }
 .menu-section a {
   text-decoration: none;
-  font-size: 20px;
+  font-size: 17px;
   color: white;
-  font-weight: bold;
 }
 .menu-buttons:hover {
   border-left: 5px solid rgb(3, 200, 3);
@@ -95,52 +173,84 @@ main {
 .menu-section h2 {
   margin: 20px 10px;
 }
-.playlist-button a{
+.playlist-button a {
   font-size: 18px;
   color: darkgray;
   margin-left: 10px;
 }
+.playlist-button svg {
+  fill: white;
+}
+.playlist-button:hover svg {
+  fill: rgb(3, 200, 3);
+}
 .user-profile {
-    display: grid;
-    grid-template-columns: 30px 1fr;
-    grid-template-rows: 1fr;
-    color: white;
-    font-weight: bold;
-    align-items: center;
-    margin: 20px 25px 0px 15px;
-    border-top: 2px solid grey;
-    padding: 5px;
-}
-.profile-image img{
-    grid-column: 1 / span 1;
-    border-radius: 50%;
-    width: 100%;
+  display: grid;
+  grid-template-columns: 30px 1fr;
+  grid-template-rows: 1fr;
+  color: white;
+  font-weight: bold;
+  align-items: center;
+  margin: 20px 10px 0px 10px;
+  border-top: 2px solid grey;
+  padding: 5px;
+}
+.profile-image img {
+  grid-column: 1 / span 1;
+  border-radius: 50%;
+  width: 100%;
+  cursor: pointer;
 }
 .user-profile p {
   margin-left: 10px;
+  cursor: pointer;
+  font-size: 15px;
 }
 .now-playing-section {
   display: grid;
-  grid-template-columns: 70px 1fr 80px;
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  grid-template-columns: 70px 140px auto;
   font-size: 15px;
   color: white;
   align-items: center;
 }
+.now-playing-audio {
+  position: relative;
+  z-index: 1;
+}
 .now-playing-audio img {
   grid-column: 1 / span 1;
-  width: 100%;
-  margin: 5px;
+  width: 70%;
+  margin-left: 10px;
+  cursor: pointer;
+}
+.play-icon-audio {
+  width: 30px;
+  height: 30px;
+  margin-left: -15px;
+  margin-top: -15px;
 }
 .now-playing-section p {
+  color: rgb(179, 172, 172);
+}
+.now-playing-section span {
   grid-column: 2 / span 1;
-  margin: 15px 15px;
+  font-weight: bold;
+  cursor: pointer;
+  color: white;
 }
 .now-playing-icons svg {
   grid-column: 3 / span 1;
   display: inline-block;
   margin: 10px 5px;
-  width: 20px;
+  width: 17px;
+  cursor: pointer;
+  fill: white;
+}
+.now-playing-section p:hover span {
+  text-decoration: underline;
+}
+.now-playing-icons svg:hover {
+  fill: rgb(0, 229, 255);
 }
 .player-controls {
   display: grid;
@@ -157,58 +267,68 @@ main {
 .previous-icon,
 .forward-icon,
 .skip-forward-icon {
-  width: 20px;
+  width: 17px;
   margin: 10px 10px;
+  cursor: pointer;
 }
 .play-icon {
-  border: 2px solid white;
-  border-radius: 50%;
-  width: 40px;
-  height: 40px;
+  width: 33px;
+  height: 33px;
   padding: 5px;
+  margin-bottom: 3px;
+}
+.play-icon:hover {
+  background-color: white;
+  fill: rgb(53, 53, 53);
 }
 .lower-player-controls {
   display: grid;
   grid-template-columns: auto minmax(100px, 600px) auto;
   margin-bottom: 10px;
 }
-.mins-listened, .mins-left {
+.mins-listened,
+.mins-left {
   margin: 0px 20px;
+  font-size: 13px;
 }
-.progress-bar, .side-progress-bar{
+.progress-bar,
+.side-progress-bar {
   border-radius: 10px;
   margin: 3px;
   height: 10px;
   display: grid;
   grid-template-columns: 1fr;
   background-color: rgb(80, 79, 79);
+  cursor: pointer;
 }
-.bar, .side-bar {
+.bar,
+.side-bar {
   margin: 2px;
-  background-color:  rgb(148, 147, 147);
+  background-color: rgb(148, 147, 147);
   width: calc(var(--width, 0) * 1%);
-    border-radius: 10px;
+  border-radius: 10px;
 }
 .right-controls {
   display: grid;
-  grid-template-columns: 110px 1fr;
+  grid-template-columns: 100px 1fr;
   align-items: center;
 }
 .right-controls svg {
-  width: 20px;
+  width: 17px;
   display: inline-block;
   margin: 5px;
+  cursor: pointer;
 }
 .side-progress-bar {
-  width: 70px;
+  width: 87px;
 }
 .upgrade-section {
-  background-color: rgb(42, 41, 52);
+  background-color: rgb(15, 15, 19);
   text-align: end;
   align-content: center;
 }
 .upgrade-button {
-  padding:10px;
+  padding: 10px;
   padding-left: 40px;
   padding-right: 40px;
   margin-right: 10px;
@@ -217,4 +337,42 @@ main {
   border: 1px solid white;
   color: white;
   font-weight: bold;
-}
\ No newline at end of file
+  cursor: pointer;
+}
+.upgrade-button:hover {
+  background-color: white;
+  color: rgb(42, 41, 52);
+}
+@media (max-width: 855px) {
+  main {
+    grid-template-columns: 60px 1fr;
+  }
+  .menu-buttons {
+    grid-template-columns: 30px;
+  }
+  .menu-buttons a,
+  .playlist-button,
+  .menu-section h2,
+  .user-profile p,
+  svg.spotify-logo-text {
+    display: none;
+  }
+  .user-profile {
+    border: none;
+  }
+  svg.spotify-logo {
+    display: block;
+    width: 40px;
+    margin: 10 auto;
+  }
+  .menu-section {
+    padding-top: 0px;
+    margin-top: 0px;
+  }
+  .now-playing-section {
+    grid-template-columns: 70px 80px auto;
+  }
+  .now-playing-section svg {
+    display: block;
+  }
+}
diff --git a/index.html b/index.html
index 2c1e17a4..3e164eb3 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,13 @@
       src="https://kit.fontawesome.com/6f63bcce2a.js"
       crossorigin="anonymous"
     ></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <main>
@@ -26,9 +33,20 @@
               d="M8 171c0 92 76 168 168 168s168-76 168-168S268 4 176 4 8 79 8 171zm230 78c-39-24-89-30-147-17-14 2-16-18-4-20 64-15 118-8 162 19 11 7 0 24-11 18zm17-45c-45-28-114-36-167-20-17 5-23-21-7-25 61-18 136-9 188 23 14 9 0 31-14 22zM80 133c-17 6-28-23-9-30 59-18 159-15 221 22 17 9 1 37-17 27-54-32-144-35-195-19zm379 91c-17 0-33-6-47-20-1 0-1 1-1 1l-16 19c-1 1-1 2 0 3 18 16 40 24 64 24 34 0 55-19 55-47 0-24-15-37-50-46-29-7-34-12-34-22s10-16 23-16 25 5 39 15c0 0 1 1 2 1s1-1 1-1l14-20c1-1 1-1 0-2-16-13-35-20-56-20-31 0-53 19-53 46 0 29 20 38 52 46 28 6 32 12 32 22 0 11-10 17-25 17zm95-77v-13c0-1-1-2-2-2h-26c-1 0-2 1-2 2v147c0 1 1 2 2 2h26c1 0 2-1 2-2v-46c10 11 21 16 36 16 27 0 54-21 54-61s-27-60-54-60c-15 0-26 5-36 17zm30 78c-18 0-31-15-31-35s13-34 31-34 30 14 30 34-12 35-30 35zm68-34c0 34 27 60 62 60s62-27 62-61-26-60-61-60-63 27-63 61zm30-1c0-20 13-34 32-34s33 15 33 35-13 34-32 34-33-15-33-35zm140-58v-29c0-1 0-2-1-2h-26c-1 0-2 1-2 2v29h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v58c0 23 11 35 34 35 9 0 18-2 25-6 1 0 1-1 1-2v-21c0-1 0-2-1-2h-2c-5 3-11 4-16 4-8 0-12-4-12-12v-54h30c1 0 2-1 2-2v-22c0-1-1-2-2-2h-30zm129-3c0-11 4-15 13-15 5 0 10 0 15 2h1s1-1 1-2V93c0-1 0-2-1-2-5-2-12-3-22-3-24 0-36 14-36 39v5h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v89c0 1 1 2 2 2h26c1 0 1-1 1-2v-89h25l37 89c-4 9-8 11-14 11-5 0-10-1-15-4h-1l-1 1-9 19c0 1 0 3 1 3 9 5 17 7 27 7 19 0 30-9 39-33l45-116v-2c0-1-1-1-2-1h-27c-1 0-1 1-1 2l-28 78-30-78c0-1-1-2-2-2h-44v-3zm-83 3c-1 0-2 1-2 2v113c0 1 1 2 2 2h26c1 0 1-1 1-2V134c0-1 0-2-1-2h-26zm-6-33c0 10 9 19 19 19s18-9 18-19-8-18-18-18-19 8-19 18zm245 69c10 0 19-8 19-18s-9-18-19-18-18 8-18 18 8 18 18 18zm0-34c9 0 17 7 17 16s-8 16-17 16-16-7-16-16 7-16 16-16zm4 18c3-1 5-3 5-6 0-4-4-6-8-6h-8v19h4v-6h4l4 6h5zm-3-9c2 0 4 1 4 3s-2 3-4 3h-4v-6h4z"
             />
           </svg>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 167.5 167.5"
+            class="spotify-logo"
+          >
+            <title>Spotify</title>
+            <path
+              fill="#ffffff"
+              d="M83.7 0C37.5 0 0 37.5 0 83.7c0 46.3 37.5 83.7 83.7 83.7 46.3 0 83.7-37.5 83.7-83.7S130 0 83.7 0zM122 120.8c-1.4 2.5-4.6 3.2-7 1.7-19.8-12-44.5-14.7-73.7-8-2.8.5-5.6-1.2-6.2-4-.2-2.8 1.5-5.6 4-6.2 32-7.3 59.6-4.2 81.6 9.3 2.6 1.5 3.4 4.7 1.8 7.2zM132.5 98c-2 3-6 4-9 2.2-22.5-14-56.8-18-83.4-9.8-3.2 1-7-1-8-4.3s1-7 4.6-8c30.4-9 68.2-4.5 94 11 3 2 4 6 2 9zm1-23.8c-27-16-71.6-17.5-97.4-9.7-4 1.3-8.2-1-9.5-5.2-1.3-4 1-8.5 5.2-9.8 29.6-9 78.8-7.2 109.8 11.2 3.7 2.2 5 7 2.7 10.7-2 3.8-7 5-10.6 2.8z"
+            />
+          </svg>
         </header>
         <div class="menu-section">
-        <div class="menu-buttons">
+          <div class="menu-buttons">
             <svg
               viewBox="0 0 512 512"
               xmlns="http://www.w3.org/2000/svg"
@@ -70,23 +88,23 @@
           </div>
           <h2>PLAYLIST</h2>
           <div class="playlist-button">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="add-playlist-icon">
-            <path
-              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"
-              fill="white"
-            />
-          </svg>
-          <a id="playlist-link" href="">Create a playlist</a>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 512 512"
+              class="add-playlist-icon"
+            >
+              <path
+                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"
+              />
+            </svg>
+            <a id="playlist-link" href="">Create a playlist</a>
           </div>
         </div>
-        </div>
         <div class="user-profile">
           <div class="profile-image">
-            <img src="/assets/img/kermit-the-frog.jpeg" />
+            <img src="/assets/img/user-icon.jpg" />
           </div>
-          <p> Kermit The Frog
-          </p>
-        </div>
+          <p>User Profile</p>
         </div>
       </aside>
       <nav class="upgrade-section">
@@ -103,82 +121,236 @@ <h2>PLAYLIST</h2>
         <h2>Recently Played</h2>
         <section class="first-row">
           <div class="album">
-            <div class="album-image">Album Image1</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/metal_lifting.jpg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Heavy Metal <br />
+                <span>Subtitle</span>
+              </p>
+            </div>
           </div>
           <div class="album">
-            <div class="album-image">Album Image2</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/stranger.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Stranger Things Vol 1 <br />
+                <span>Kyle Dixon & Michael Stein</span>
+              </p>
+            </div>
           </div>
           <div class="album">
-            <div class="album-image">Album Image3</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/aquietplace.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                A Quiet Place<br />
+                <span>Subtitle</span>
+              </p>
+            </div>
           </div>
           <div class="album">
-            <div class="album-image">Album Image4</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/split.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Split<br />
+                <span>Subtitle</span>
+              </p>
+            </div>
           </div>
           <div class="album">
-          <div class="album-image">Album Image5</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/cure.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                A Cure For Wellness<br />
+                <span>Subtitle</span>
+              </p>
             </div>
+          </div>
           <div class="album">
-            <div class="album-image">Album Image6</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/sinister.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Sinister<br />
+                <span>Subtitle</span>
+              </p>
+            </div>
           </div>
         </section>
-        <h2>Second Row</h2>
+        <h2>Created For You</h2>
+        <p>See albums created for you below</p>
         <section class="second-row">
-         <div class="album">
-            <div class="album-image">Album Image1</div>
-            <div class="album-info"> Album Info</div>
-          </div>
-          <div class="album">
-            <div class="album-image">Album Image2</div>
-            <div class="album-info"> Album Info</div>
-          </div>
-          <div class="album">
-            <div class="album-image">Album Image3</div>
-            <div class="album-info"> Album Info</div>
-          </div>
           <div class="album">
-            <div class="album-image">Album Image4</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/radar.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>Release Radar</p>
+            </div>
           </div>
           <div class="album">
-          <div class="album-image">Album Image5</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image">
+              <img src="/assets/img/mixdaily.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>Daily Mix 1</p>
             </div>
-          <div class="album">
-            <div class="album-image">Album Image6</div>
-            <div class="album-info"> Album Info</div>
           </div>
         </section>
-        <h2>Third Row</h2>
+        <h2>Popular Artists</h2>
+        <p>See popular artists below</p>
         <section class="third-row">
           <div class="album">
-            <div class="album-image">Album Image1</div>
-            <div class="album-info"> Album Info</div>
-          </div>
-          <div class="album">
-            <div class="album-image">Album Image2</div>
-            <div class="album-info"> Album Info</div>
-          </div>
-          <div class="album">
-            <div class="album-image">Album Image3</div>
-            <div class="album-info"> Album Info</div>
-          </div>
-          <div class="album">
-            <div class="album-image">Album Image4</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image3">
+              <img src="/assets/img/youg.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Sinister<br />
+                <span>Subtitle</span>
+              </p>
+            </div>
           </div>
           <div class="album">
-          <div class="album-image">Album Image5</div>
-            <div class="album-info"> Album Info</div>
+            <div class="album-image3">
+              <img src="/assets/img/einaudi.jpeg" />
+              <svg
+                data-encore-id="icon"
+                role="img"
+                aria-hidden="true"
+                viewBox="0 0 16 16"
+                class="play-icon-overlay"
+              >
+                <path
+                  fill="white"
+                  d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+                ></path>
+              </svg>
+            </div>
+            <div class="album-info">
+              <p>
+                Sinister<br />
+                <span>Subtitle</span>
+              </p>
             </div>
-          <div class="album">
-            <div class="album-image">Album Image6</div>
-            <div class="album-info"> Album Info</div>
           </div>
         </section>
       </section>
@@ -186,11 +358,19 @@ <h2>Third Row</h2>
         <div class="now-playing-section">
           <div class="now-playing-audio">
             <img src="/assets/img/sinister.jpeg" />
+            <svg
+              data-encore-id="icon"
+              role="img"
+              aria-hidden="true"
+              viewBox="0 0 16 16"
+              class="play-icon-audio"
+            >
+              <path
+                d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
+              ></path>
+            </svg>
           </div>
-          <p>
-            <span>Sinister </span> <br />
-            Brano Nome
-          </p>
+          <p><span>Sinister </span> <br />Brano Nome</p>
           <div class="now-playing-icons">
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -198,7 +378,6 @@ <h2>Third Row</h2>
               class="heart-icon"
             >
               <path
-              fill="white"
                 d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"
               />
             </svg>
@@ -208,7 +387,6 @@ <h2>Third Row</h2>
               class="folder-icon"
             >
               <path
-              fill="white"
                 d="M0 96C0 60.7 28.7 32 64 32H196.1c19.1 0 37.4 7.6 50.9 21.1L289.9 96H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16H286.6c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7H64z"
               />
             </svg>
@@ -224,11 +402,11 @@ <h2>Third Row</h2>
               class="skip-back-icon"
             >
               <path
-              fill="white"
+                fill="white"
                 d="M2.464 4.5h1.473a.75.75 0 1 1 0 1.5H0V2.063a.75.75 0 0 1 1.5 0v1.27a8.25 8.25 0 1 1 10.539 12.554.75.75 0 0 1-.828-1.25A6.75 6.75 0 1 0 2.464 4.5z"
               ></path>
               <path
-              fill="white"
+                fill="white"
                 d="M.303 8.407c.79 0 1.214-.52 1.214-.907h1.5v8h-1.5V9.907H0v-1.5h.303zm4.832-.911h4.05v1.5H6.33l-.245 1.067c.256-.071.525-.11.804-.11 1.621 0 2.954 1.3 2.954 2.924C9.843 14.5 8.51 15.8 6.89 15.8a2.945 2.945 0 0 1-2.93-2.54l1.487-.197c.092.69.696 1.237 1.443 1.237.813 0 1.454-.647 1.454-1.423s-.64-1.423-1.454-1.423c-.49 0-.92.235-1.183.594l-.01.014-.206.254-1.314-.639.96-4.181z"
               ></path>
             </svg>
@@ -240,7 +418,7 @@ <h2>Third Row</h2>
               class="previous-icon"
             >
               <path
-              fill="white"
+                fill="white"
                 d="M3.3 1a.7.7 0 0 1 .7.7v5.15l9.95-5.744a.7.7 0 0 1 1.05.606v12.575a.7.7 0 0 1-1.05.607L4 9.149V14.3a.7.7 0 0 1-.7.7H1.7a.7.7 0 0 1-.7-.7V1.7a.7.7 0 0 1 .7-.7h1.6z"
               ></path>
             </svg>
@@ -252,7 +430,6 @@ <h2>Third Row</h2>
               class="play-icon"
             >
               <path
-              fill="white"
                 d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"
               ></path>
             </svg>
@@ -264,7 +441,7 @@ <h2>Third Row</h2>
               class="forward-icon"
             >
               <path
-              fill="white"
+                fill="white"
                 d="M12.7 1a.7.7 0 0 0-.7.7v5.15L2.05 1.107A.7.7 0 0 0 1 1.712v12.575a.7.7 0 0 0 1.05.607L12 9.149V14.3a.7.7 0 0 0 .7.7h1.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7h-1.6z"
               ></path>
             </svg>
@@ -276,11 +453,11 @@ <h2>Third Row</h2>
               class="skip-forward-icon"
             >
               <path
-              fill="white"
+                fill="white"
                 d="M13.536 4.5h-1.473a.75.75 0 1 0 0 1.5H16V2.063a.75.75 0 0 0-1.5 0v1.27A8.25 8.25 0 1 0 3.962 15.887a.75.75 0 1 0 .827-1.25A6.75 6.75 0 1 1 13.535 4.5z"
               ></path>
               <path
-              fill="white"
+                fill="white"
                 d="M6.303 8.407c.79 0 1.214-.52 1.214-.907h1.5v8h-1.5V9.907H6v-1.5h.303zm4.832-.911h4.05v1.5H12.33l-.245 1.067c.256-.071.525-.11.804-.11 1.621 0 2.954 1.3 2.954 2.924 0 1.624-1.333 2.923-2.954 2.923a2.945 2.945 0 0 1-2.93-2.54l1.487-.197c.092.69.696 1.237 1.443 1.237.813 0 1.454-.647 1.454-1.423s-.64-1.423-1.454-1.423c-.49 0-.92.235-1.183.594l-.01.014-.206.254-1.314-.639.96-4.181z"
               ></path>
             </svg>
@@ -302,7 +479,7 @@ <h2>Third Row</h2>
               style="margin-bottom: 0px; margin-left: 10px"
             >
               <path
-               fill="white"
+                fill="white"
                 d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"
               />
             </svg>
@@ -313,7 +490,7 @@ <h2>Third Row</h2>
               style="margin-bottom: 3px"
             >
               <path
-               fill="white"
+                fill="white"
                 d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V352H64V64H512z"
               />
             </svg>
@@ -323,13 +500,12 @@ <h2>Third Row</h2>
               class="volume-icon"
             >
               <path
-               fill="white"
+                fill="white"
                 d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"
               />
             </svg>
           </div>
-          <div
-            class="side-progress-bar">
+          <div class="side-progress-bar">
             <div class="side-bar" style="--width: 80"></div>
           </div>
         </div>