Skip to content

Commit

Permalink
feat: add Spotify Wrapped 2023 page
Browse files Browse the repository at this point in the history
  • Loading branch information
@milg15
milg15 committed Sep 26, 2024
1 parent 0720b19 commit b155ba3
Show file tree
Hide file tree
Showing 3 changed files with 175 additions and 2 deletions.
5 changes: 4 additions & 1 deletion public/music/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,10 @@
<body>
<h1>Music Page</h1>

<p>The <a href="/music/playlists.html">Playlist</a> page </p>
<p>The <a href="/music/playlists.html">Playlists</a> page </p>
<p>The <a href="/music/wrapped_2023.html">
Wrapped 2023</a> page </p>


</body>

Expand Down
2 changes: 1 addition & 1 deletion public/music/playlists.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The web site of vuela</title>
<title>Playlist page</title>
<!-- The style.css file allows you to change the look of your web pages.
If you include the next line in all your web pages, they will all share the same look.
This makes it easier to make new pages for your site. -->
Expand Down
170 changes: 170 additions & 0 deletions public/music/wrapped_2023.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">

<link href="/style.css" rel="stylesheet" type="text/css" media="all">

<title>Spotify Wrapped 2023</title>
<script>
document.addEventListener('DOMContentLoaded', function () {
const articles = document.querySelectorAll('article');
articles.forEach(article => {
article.addEventListener('click', () => {
article.classList.toggle('expanded');
});
});
});
</script>
</head>

<body>
<h1>Spotify Wrapped 2023 [WIP]</h1>

<div>
<p>
I know it's almost the end of 2024 but I just wanted to over-analyze my Spotify Wrapped 2023. I've extremely
emotionally disconnected with most of this songs now but I remember vividly the emotional state I was in
when those song where all I could listen to. I'm not sure if I should be proud or ashamed of the amount of
time I spent listening to these songs.
<br>
<br>
A bit of context so you can understand my emotional state better: Around november of 2022 I moved to a
different continent without knowing anyone in this new city at all, right as the year ended I've also found
out my ex (who was my friend at that time) and then best friend had started dating behind my back. Then
proseded to block me on every possible social media site... So yeah, I was a bit of a mess. It was my first
time living on my own and I felt extremely lonely and betrayed. I remember listening to these songs on
repeat while I was trying to make sense what my life would be like now.
<br>
<br>
I also started running last year because I was such an emotional mess and I needed to do something to keep
my mind off things. I also went out to party a lot, so I was listening to a lot of music. ANYWAYS, here are
the songs I listened to the most in 2023, you'll see I was in a very specific mood.
</p>
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/37i9dQZF1Fa1IIVtEpGUcU?utm_source=generator" width="100%"
height="152" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<div class="music-list">
<article>
<div>
<h3>1. "Flowers" by Miley Cyrus</h3>
<p class="music-subtitle">Scrobbles: 301</p>
</div>

<p class="music-description">
I clearly remember listening to this song and watching the video the day it came out (Jan, 13),
two days before my birthday. I did get myself flowers for my birthday and threw the entire year
I was trying to remind myself that things end for a reason and that things don't always go as
expected and that's okay. Also, if Miley went through a divorce and is happier afterwards I can
do it.
Even thought I have some plays in this song I think after march I stopped listening to it was
too much and corny for me lol. I am happy for Miley tho. She got her first grammy for this song.
You'll see other songs throughout this list that follow a similar theme of healing oneself and
moving on.
</p>
</article>
<article>
<h3>2. "Shakira: Bzrp Music Sessions, Vol. 53" by Shakira</h3>
<p class="music-subtitle">Scrobbles: 173</p>
<p class="music-description">
I mean... this one is quite self-explanatory. I felt so betrayed by my ex and my friend that I
was so upset I would change the lyrics of this song for the name of this person lol. Shakira was
cheated and then drops this banger. Reminding me how much I've accomplish just on my own and
that I shouldn't settle for someone how isn't willing to give me the same energy I give them.
<br>
Second song from a women going through a divorce lol.
</p>
</article>
<article>
<h3>3. "Blind and Frozen" by Beast in Black</h3>
<p class="music-subtitle">Scrobbles: 136</p>
<p class="music-description">
I've never been into metal but I was so angry and frustrated that I needed to listen to music
that matched my energy plus this type or music where perfect for running. This style of metal is
quite melodic and I can sing to it so that may it easier to get into for my very poppy music
background. Even thought it's a metal song I think the themes of this one are a bit happier than
you would expect.
</p>
</article>
<article>
<h3>4. "MIENTRAS ME CURO DEL CORAZON" by KAROL G</h3>
<p class="music-subtitle">Scrobbles: 136</p>
<p class="music-description">
This is another song about healing and moving on ... I know, I know, around the time this song
came out I was thinking maybe I am ready to date again. I enjoyed this one a lot.
</p>
</article>
<article>
<h3>5. "Lush Life" by Zara Larsson</h3>
<p class="music-subtitle">Scrobbles: 104</p>
<p class="music-description">
Another running song lol. I was running a lot last year. I was trying to get my mind off things
I cried once listening to it, it was somewhere around mid year beacuse I was starting to feel
happy and like myself again. I was adapting to my new life and I was starting to feel like I've
made the right decision by moving here.
</p>
</article>
<article>
<h3>6. "Vampire" by Olivia Rodriguez</h3>
<p class="music-subtitle">Scrobbles: 95</p>
<blockquote>
You said it was true love, but wouldn't that be hard? You can't love anyone 'cause that would
mean you had a heart.
</blockquote>
<p class="music-description">
I went to see her live this year but I got the tickets last year so I was listening to her a
lot. This another betrayal related ... jesus christ I was so dramatic last year. I still enjoy
this song but not to the emotional extent I did last year. All this song kept me company while
and made me feel like I wasn't alone. I am not the only one who has gone through this and I will
not be the last.
</p>
</article>
<article>
<h3>7. "Fear of Dying" by Poppy</h3>
<p class="music-subtitle">Scrobbles: 85</p>
<p>
Another metal but not really metal song. It's metal for people who don't like metal. It's the right
level of angry but I can still understand their words.
</p>
</article>
<article>
<h3>8. "Hvad tænker du om det?" by Baseløs</h3>
<p class="music-subtitle">Scrobbles: 102</p>
<p class="music-description">
I moved to Denmark and I was trying to learn danish. This became one of my favorite song of the year
and I even went to see them live. My learning Danish journey is still not going great but I am
trying. I'll be re-starting again next month. Maybe this time around I'll be able to understand the
lyrics of this song.
</p>
</article>
<article>
<h3>9. "LLYLM" by Rosalia</h3>
</article>
<article>
<h3>10. "At The Break Of Dawn" by Arion</h3>
</article>
<article>
<h3>11. "Prims" by TANUKI</h3>
</article>
<article>
<h3>12. "Ny Og Næ" by Pauline</h3>
</article>
<article>
<h3>13. "Hanging by a Thread" by Des Rocs</h3>
</article>
<article>
<h3>14. "Let Me Down slowly" by Alec Benjami</h3>
</article>
<article>
<h3>15. "Like That" by Cassyette</h3>
</article>
</div>
</div>
</body>

</html>

0 comments on commit b155ba3

Please sign in to comment.