leilukin-site/shrines/asummersend/playlists.html

98 lines
7.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" dir="ltr" id="page-top">
<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">
<meta property="og:url" content="https://leilukin.neocities.org/shrines/asummersend/playlists">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Playlists | A Summers End — Hong Kong 1986 Shrine">
<meta property="og:description" content="List of A Summers End — Hong Kong 1986 playlists">
<link rel="stylesheet" href="/shrines/asummersend/css/style-asummersend.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/asummersend/js/ase-components.js" defer></script>
<title>Playlists | A Summers End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<script src="/shrines/asummersend/js/ase-components.js" defer></script>
<header class="main-header">
<noscript>
JavaScript is disabled in your browser. To get the best user experience on
this website, it is recommended that you enable it.
</noscript>
</header>
<nav class="navbar"></nav>
<main>
<aside class="left-sidebar">
<div class="sidebar__toc">
<h2>Contents</h2>
<ul class="sidebar__toc-list">
<li><a href="#Sam's-Mixtape">Sam's Mixtape</a></li>
<li><a href="#Summer-Lover">夏日戀人 (Summer Lover)</a></li>
<li><a href="#My-Dear-Summer-Lover">My Dear Summer Lover</a></li>
</ul>
</div>
</aside>
<div class="content-container">
<section class="content-section">
<h1><cite>A Summers End — Hong Kong 1986</cite> Playlists</h1>
<p><cite>A Summers End — Hong Kong 1986</cite> is a gold mine of music. Not only that the visual novel has a great soundtrack (its <a href="https://www.asummersend.com/original-soundtrack" target="_blank">official soundtrack</a> was released on August 21, 2020), but the developer Oracle and Bone has also compiled playlists related to the game.</p>
<p>As a tribute to <cite>A Summer's End</cite>, I have also created a fanmix myself.</p>
</section>
<section class="content-section">
<h2 id="Sam's-Mixtape">Sam's Mixtape</h2>
<p>Compiled by Oracle and Bone, Sams Mixtape A-Side and B-Side are playlists of the songs that Sam was listening to on the first day she met Michelle.</p>
<h3>Sam's Mixtape A-Side</h3>
<a class="link-btn" href="https://open.spotify.com/playlist/7vP8C9Sw1wLlsRDr7eQl46" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/7vP8C9Sw1wLlsRDr7eQl46?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<h3>Sam's Mixtape B-Side</h3>
<a class="link-btn" href="https://open.spotify.com/playlist/6n5QvHkm33nDPIy0RIJv6T" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6n5QvHkm33nDPIy0RIJv6T?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
<section class="content-section">
<h2 id="Summer-Lover">夏日戀人 (Summer Lover)</h2>
<p>Oracle and Bone compiled this playlist as a tribute to Anita Mui, who was a major inspiration for <cite>A Summers End — Hong Kong 1986</cite>.</p>
<a class="link-btn" href="https://open.spotify.com/playlist/4GJuqiYygMPC3ifNemhCCh" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4GJuqiYygMPC3ifNemhCCh?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
<section class="content-section">
<h2 id="My-Dear-Summer-Lover">My Dear Summer Lover</h2>
<img src="/mycreations/playlists/My-Dear-Summer-Lover-cover.png" width="400px" height="400px" alt="A playlist cover image made of Sam and Michelle from A Summer's End being close to kissing, with the title 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<p>My fanmix for <cite>A Summers End — Hong Kong 1986</cite>, dedicated to Sam and Michelles love story.</p>
<p>This mix contains mostly Cantonese and English songs, with one Mandarin song. Majority of these songs were performed by Hong Kong artists and released in the 80s, because <cite>A Summers End</cite> took place in Hong Kong and in the 80s.</p>
<p>I have carefully selected and arranged these tracks, so the lyrics would reflect Sam and Michelles relationship development throughout <cite>A Summers End</cite>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>
<p>Since Oracle and Bone has cited Anita Mui as a major inspiration for them and this visual novel, I have also included multiple songs performed by Anita Mui in this mix. Because A Summers End is a lesbian story, when I was choosing which songs to include in this mix, I also prioritize songs that were performed by women artists.</p>
<a class="link-btn" href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3SIV7VjSKhspYwugVIQjug?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
</div>
<aside class="right-sidebar"></aside>
</main>
<footer class="main-footer"></footer>
</body>
</html>