{"id":165,"date":"2026-03-24T14:35:59","date_gmt":"2026-03-24T14:35:59","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/d_bhujel\/?p=165"},"modified":"2026-03-24T14:35:59","modified_gmt":"2026-03-24T14:35:59","slug":"last-friday-i-worked-on-the-spotify-website","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/d_bhujel\/2026\/03\/24\/last-friday-i-worked-on-the-spotify-website\/","title":{"rendered":"Last Friday I worked on the Spotify website"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14-1024x492.png\" alt=\"\" class=\"wp-image-166\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14-1024x492.png 1024w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14-300x144.png 300w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14-768x369.png 768w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14-1536x739.png 1536w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-14.png 1876w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I made my own logo and added the side nav bars with playlists<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"76\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-15-1024x76.png\" alt=\"\" class=\"wp-image-167\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-15-1024x76.png 1024w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-15-300x22.png 300w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-15-768x57.png 768w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-15.png 1312w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>and i also added look alike icons that Spotify has<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-16-1024x624.png\" alt=\"\" class=\"wp-image-168\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-16-1024x624.png 1024w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-16-300x183.png 300w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-16-768x468.png 768w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-16.png 1359w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>this section here holds the nav pictures and all the stuff in it<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"358\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-18.png\" alt=\"\" class=\"wp-image-170\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-18.png 503w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-18-300x214.png 300w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/figure>\n\n\n\n<p>this part of the code has the sections like spotify has<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"282\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-19-1024x282.png\" alt=\"\" class=\"wp-image-171\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-19-1024x282.png 1024w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-19-300x83.png 300w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-19-768x211.png 768w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-19.png 1149w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I also erased every code and made it custom artists<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"765\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-20.png\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-20.png 716w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-20-281x300.png 281w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/figure>\n\n\n\n<p>these codes are the search bar and when you click the bar to close and open<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"486\" src=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-22.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-22.png 615w, https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-content\/uploads\/2026\/03\/image-22-300x237.png 300w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<p>i added this code so it&#8217;s in order 4 by 4 and make sure its even.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I made my own logo and added the side nav bars with playlists and i also added look alike icons that Spotify has this section here holds the nav pictures and all the stuff in it this part of the code has the sections like spotify has I also erased every code and made it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-165","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/posts\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/posts\/165\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/media?parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/categories?post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/d_bhujel\/wp-json\/wp\/v2\/tags?post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}