-
Notifications
You must be signed in to change notification settings - Fork 0
/
playlists.html
105 lines (105 loc) · 7.92 KB
/
playlists.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Sun Feb 04 2024 23:36:14 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="65c01abb60bcfa83d9c8da0e" data-wf-site="65bee418060ee780263db44d">
<head>
<meta charset="utf-8">
<title>Playlists</title>
<meta content="Playlists" property="og:title">
<meta content="Playlists" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/shanes-cool-site-c35371.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Roboto:300,regular,500"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="header-section">
<div class="w-container">
<a href="index.html" class="blog-home-link w-inline-block">
<h1 class="blog-name">SHANEGILL.IO</h1>
</a>
<div class="navigation-bar">
<a href="index.html" class="nav-link">blog</a>
<link rel="prefetch" href="/">
<a href="photography.html" class="nav-link">PHOTOGRAPHY</a>
<link rel="prefetch" href="/photography">
<a href="shanesharesmusic.html" class="nav-link">SHaneSharesMusic</a>
<link rel="prefetch" href="/shanesharesmusic">
<a href="letterboxd.html" class="nav-link">LETTERBOXD</a>
<link rel="prefetch" href="/letterboxd">
</div>
</div>
</div>
<div class="section">
<div class="about-content">
<div class="text-block">Playlists</div>
</div>
</div>
<section>
<div class="w-layout-blockcontainer container-8 w-container">
<div class="text-block-2">Inspired by my friends and family</div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend: ben<br>basically accurate quote: "so i was hanging out with Joba and Bearface backstage last night.."<br>theme: Camp Flog Gnaw wishlist</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1iDHl4Oez3nu7mqJ3zkJ6b?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend: jules<br>maybe accurate quote: "lucy dacus puts the genius in boygenius"<br>theme: the ultimate indie folk pop supergroup - sped up</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4X0G4umYgNS8RYG7Owdw4w?utm_source=generator&theme=0" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend: alastair<br>maybe accurate quote: "sorry babe, the ikea hat stays on in bed."<br>theme: the latest and greatest from the UK</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0eW36pbAuqluWjyvicuuF3?utm_source=generator&theme=0" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend/sister: sarah<br>maybe accurate quote: "mom and dad are stuck with me, but at least they still have you"<br>theme: great voices and vibes to sing along with in the car</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1ucc28oER8CQmbGtiXP04r?utm_source=generator&theme=0" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend: matias<br>maybe accurate quote: "who are you most excited to see and why is it not chemical brothers"<br>theme: the funkiest dance beats i could find</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/41mxatas5ObBk6M8PPEXOf?utm_source=generator&theme=0" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist"> friend: adammaybe accurate quote: "nothing better than skiing and dj's - snowglobe is basically my wet dream"theme: experimental electronic with just a tinge of house influence</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/61uGJ5fU4ztl1zr26MAdmN?utm_source=generator&theme=0" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<section class="section-2">
<div class="w-layout-blockcontainer container-11 w-container">
<div class="friend-playlist">friend: eli<br>maybe accurate quote: "dude, i saw tyler driving his wraith today"<br>theme: my favorite rap, r&b, and hip-hop songs in recent memory</div>
<div class="html-embed-3 w-embed w-iframe"><iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0n1njsgcfjDvRRGTQzIYen?utm_source=generator&theme=0" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe></div>
</div>
</section>
<div class="footer center">
<div class="w-container">
<div>
<a href="#" class="social-icon-link w-inline-block"></a>
<a href="#" class="social-icon-link w-inline-block"></a>
<a href="#" class="social-icon-link w-inline-block"></a>
<a href="#" class="social-icon-link w-inline-block"></a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65bee418060ee780263db44d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>