-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·67 lines (67 loc) · 4.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Spotify Countdown Archive</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="main.css" rel="stylesheet" type="text/css" media="all"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet">
</head>
<body>
<div id="header">
<div id="title">
<h1>Yearly Spotify Countdown Archive</h1>
</div>
</div>
<div id="intro">
<p>Starting in 2015, I've celebrated the end of the year by creating a playlist comprised of my favorite songs released in that year. This page is intended to include all of my countdowns for easy access.</p>
<p>Thanks for visiting!!</p>
</div>
<div id="content">
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/0l9cs38oRjvjzHdxFWcpS9">2024</a></h2>
<iframe title="2024 Countdown" src="https://open.spotify.com/embed/playlist/0l9cs38oRjvjzHdxFWcpS9" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/71emkxzk2U4536SyHUtttW">2023</a></h2>
<iframe title="2023 Countdown" src="https://open.spotify.com/embed/playlist/71emkxzk2U4536SyHUtttW" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/40pjjMB3EpyrtpKvIXj73i">2022</a></h2>
<iframe title="2022 Countdown" src="https://open.spotify.com/embed/playlist/40pjjMB3EpyrtpKvIXj73i" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/53cg3cgc91ProE1c1eMolZ">2021</a></h2>
<iframe title="2021 Countdown" src="https://open.spotify.com/embed/playlist/69Km2mOK1Kw8yamp3XUWJP" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/53cg3cgc91ProE1c1eMolZ">2020</a></h2>
<iframe title="2020 Countdown" src="https://open.spotify.com/embed/playlist/53cg3cgc91ProE1c1eMolZ" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/33ZQM4xPdiF0k92MQ9fD5B">2019</a></h2>
<iframe title="2019 Countdown" src="https://open.spotify.com/embed/playlist/33ZQM4xPdiF0k92MQ9fD5B" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/1VCREdW3EVnoTpPK5nsych">2018</a></h2>
<iframe title="2018 Countdown" src="https://open.spotify.com/embed/playlist/1VCREdW3EVnoTpPK5nsych" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/7yto6DrnQpUZjnLlFXuCTY">2017</a></h2>
<iframe title="2017 Countdown" src="https://open.spotify.com/embed/playlist/7yto6DrnQpUZjnLlFXuCTY" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/6ZPXrxfBXl2cVAaeoTiEKq">2016</a></h2>
<iframe title="2016 Countdown" src="https://open.spotify.com/embed/playlist/6ZPXrxfBXl2cVAaeoTiEKq" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
<div class="countdown-container">
<h2><a href="https://open.spotify.com/playlist/4gxs1eg7EV1VixsZYFICrX">2015</a></h2>
<iframe title="2015 Countdown" src="https://open.spotify.com/embed/playlist/4gxs1eg7EV1VixsZYFICrX" width="80%" height="500vh" allow="encrypted-media"></iframe>
</div>
</div>
</body>
<footer>
<span><i class="zmdi zmdi-github zmdi-hc-2x"></i> <a href="https://github.com/chrisnellis/music.nellis.io">Click here for the source</a></span>
</footer>
</html>