leilukin-site/shrines/asummersend/playlists.html

113 lines
7.9 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">
<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="website">
<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/asummersend.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="shrines/asummersend/img/ase-icon.png">
<script src="shrines/shrine.js" defer></script>
<title>Playlists | A Summers End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
<ul>
<li><a href="shrines/asummersend/">Home</a></li>
<li><a href="./playlists.html">Playlists</a></li>
<li><a href="./trivia.html">Trivia</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="home.html">Main Site</a></li>
</ul>
</nav>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<h2>About</h2>
<p><em>A Summers End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li><li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<main>
<div class="content-section">
<h1><em>A Summers End — Hong Kong 1986</em> Playlists</h1>
<p><em>A Summers End — Hong Kong 1986</em> 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 <em>A Summer's End</em>, I have also created a fanmix myself.</p>
</div>
<div 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 href="https://open.spotify.com/playlist/7vP8C9Sw1wLlsRDr7eQl46" target="_blank"><button class="linkBtn">Listen on Spotify</button></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 href="https://open.spotify.com/playlist/6n5QvHkm33nDPIy0RIJv6T" target="_blank"><button class="linkBtn">Listen on Spotify</button></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>
</div>
<div 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 <em>A Summers End — Hong Kong 1986</em>.</p>
<a href="https://open.spotify.com/playlist/4GJuqiYygMPC3ifNemhCCh" target="_blank"><button class="linkBtn">Listen on Spotify</button></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>
</div>
<div class="content-section">
<h2 id="My-Dear-Summer-Lover">My Dear Summer Lover</h2>
<img src="playlists/img/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 <em>A Summers End — Hong Kong 1986</em>, 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 <em>A Summers End</em> 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 <em>A Summers End</em>. 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 href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank"><button class="linkBtn">Listen on Spotify</button></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>
</div>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h2>Contents</h2>
<ul class="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>
<footer id="footer"></footer>
</div>
</body>
</html>