Set up A Summer's End — Hong Kong 1986 Shrine shrine

This commit is contained in:
Helen Chong 2024-04-18 16:57:09 +08:00
parent c00bdf2808
commit 57ea5705ee
28 changed files with 211 additions and 6 deletions

View File

@ -0,0 +1,41 @@
<!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 data #}
<meta property="og:title" content="{% if title %}{{ title }} | {% endif %}A Summer's End — Hong Kong 1986 Shrine">
{% include "global/metagen.njk" %}
{# CSS #}
<link rel="stylesheet" href="{{'/assets/css/main.css' | url | safe}}">
<link rel="stylesheet" href="{{'/assets/css/asummersend.css' | url | safe}}">
{# Fonts #}
<link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}">
{# Favicon #}
<link rel="apple-touch-icon" sizes="180x180" href="/assets/asummersend/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/asummersend/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/asummersend/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/asummersend/favicon/site.webmanifest">
<title>
{% if title %}
{{ title }} |
{% endif %}
A Summer's End — Hong Kong 1986 Shrine | {{ sitemeta.siteName }}
</title>
</head>
<body>
{% include "asummersend/hero.njk" %}
{% include "asummersend/navbar.njk" %}
<main>
{{ content | safe }}
</main>
{% include "asummersend/footer.njk" %}
{% include "global/top-btn.njk" %}
</body>
</html>

View File

@ -0,0 +1,22 @@
---
layout: asummersend/base
---
<header class="main__header">
<h1>{{ pageTitle or title }}</h1>
{% if desc %}
<p>{{ desc }}</p>
{% endif %}
</header>
<div class="content__wrapper">
{% if toc %}
{% include "global/toc.njk" %}
{% endif %}
<div class="content {{'content--divided' if isContentDivided }}">
{{ content | safe }}
</div>
{% include "asummersend/rightsidebar.njk" %}
</div>

View File

@ -0,0 +1,7 @@
{% extends "global/footer.njk" %}
{% block footerContent %}
<p>Made with ♥ by Leilukin | Shrine Launched: 16 February 2023</p>
<p><a href="/">Back to {{ sitemeta.siteName }}</a></p>
{% endblock %}

View File

@ -0,0 +1,56 @@
{% extends "global/hero.njk" %}
{% block heroImg %}
<img src="/assets/asummersend/images/asummersend_header.png" alt="Banner of A Summer's End — Hong Kong 1986 Shrine">
{% endblock %}
{% block eventScript %}
if (todayEvent != "No event") {
heroTopBarEl.classList.remove('hidden');
heroTopBarEl.innerHTML = getBlurbHtml(todayEvent);
}
function getTodayEvent() {
const date = new Date();
const month = date.getMonth() + 1;
const day = date.getDate();
if (month == 2 && day == 16)
return "Michelle's Birthday";
else if (month == 4 && day == 23)
return "ASE Anniversary";
else if (month == 8 && day == 9)
return "Cecelia's Birthday";
else if (month == 12 && day == 28)
return "Sam's Birthday";
else
return "No event";
}
function getBlurbHtml(day) {
switch (day) {
case "Michelle's Birthday":
return `
Today is Michelle Cheung's birthday. Happy Birthday Michelle!
`;
break;
case "ASE Anniversary":
return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`;
break;
case "Cecelia's Birthday":
return `
Today is Cecelia Cortes' birthday. Happy Birthday Cecelia!
`;
break;
case "Sam's Birthday":
return `
Today is Sam Wong's birthday. Happy Birthday Sam!
`;
break;
default:
return ``;
}
}
{% endblock %}

View File

@ -0,0 +1,9 @@
{% extends "global/navbar.njk" %}
{% block navbarLinks %}
<li><a href="/shrines/asummersend/">Shrine Home</a></li>
<li><a href="/shrines/playlists">Playlists</a></li>
<li><a href="/shrines/trivia">Trivia</a></li>
<li><a href="/shrines/gallery">Gallery</a></li>
<li><a href="/">Main Site</a></li>
{% endblock %}

View File

@ -0,0 +1,28 @@
<aside class="right-sidebar">
<div class="sidebar-nav sidebar--sticky">
<h2>About</h2>
<p>Welcome to Leilukin's shrine for <cite>A Summers End — Hong Kong 1986</cite>, an indie visual novel developed by Oracle and Bone. Set in 1980s Hong Kong, it tells of a love story between two women.</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>
<style>
.right-sidebar {
background-color: var(--clr-content-bg);
font-size: 90%;
}
.sidebar-nav {
padding: 1rem;
}
.sidebar-nav h3 {
margin-top: 1em;
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 589 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

View File

@ -27,9 +27,3 @@
--clr-main-footer-bg: #181818; --clr-main-footer-bg: #181818;
} }
.main-header img {
object-fit: cover;
object-position: center;
max-height: 20rem;
}

View File

@ -0,0 +1,47 @@
---
layout: asummersend/content
tags: shrine home
title: A Summer's End — Hong Kong 1986 Shrine
desc: My shrine for A Summer's End — Hong Kong 1986
isContentDivided: true
---
<section class="content__section">
<h2>Welcome to Leilukin's <cite>A Summers End — Hong Kong 1986</cite> Shrine!</h2>
<img src="/assets/asummersend/images/ASE_Key_art_intro.png" alt="Promotional image of A Summers End — Hong Kong 1986">
<p><cite>A Summers End — Hong Kong 1986</cite> is a visual novel developed by Oracle and Bone, a Canada-based independent studio consists of two Asian queer women, Charissa So and Tida Kietsungden. The visual novel tells of a lesbian romance story between Michelle Cheung, an office worker, and Sam Wong, a video store owner, that takes place in Hong Kong in the year of 1986.</p>
<p>Initially released in English on 23 April 2020, <cite>A Summers End</cite> has also been translated into Simplified Chinese, Traditional Chinese, Cantonese and Korean. The Chinese translations were released on 9 July 2021, while the Korean translation was released on 21 December 2023.</p>
<p><cite>A Summers End</cite> is available on <a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a> and <a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a>. It also has an <a href="https://www.asummersend.com/" target="_blank">official website</a>.</p>
<p>On 22 April 2023, a day before <cite>A Summer's End</cite>'s third year anniversary, Oracle and Bone <a href="https://www.asummersend.com/blog-intheocean/a-message-from-oracle-and-bone" target="blank">announced</a> a spiritual sequel: <a href="https://www.asummersend.com/about-intheocean" target="blank"><cite>In the Ocean I Learned to Float</cite></a>, which takes place in the winter of 1988, two years after the events of <cite>A Summer's End</cite>.</p>
</section>
<section class="content__section">
<h2>How I Discovered <cite>A Summers End — Hong Kong 1986</cite></h2>
<img src="/assets/asummersend/images/ASE_Key_art_main.png" alt="Key art of A Summer's End — Hong Kong 1986">
<p>I first learned about <cite>A Summers End — Hong Kong 1986</cite> through <a href="https://linuxgameconsortium.com/a-summers-end-hong-kong-1986-just-announced/" target="_blank">Linux Game Consortium</a>, a Linux gaming news website. There was a period where I set up my gaming laptop to dual boot Windows 10 and Linux, so I ended up following Linux gaming news for a while. While Windows is still my main platform for gaming, the discovery of <cite>A Summers End</cite> was the biggest unexpected benefit and surprise when I tried out Linux.</p>
<p>As a lesbian, the premise of a visual novel about a sapphic romance already caught my interest, but what urged me to play it even more was the Hong Kong setting, which made my interest in the game personal, since I am a Cantonese-speaking Chinese lesbian who grew up with Hong Kong media. Not to mention, it is rare to see a fiction that tells of a sapphic love story that takes place in Hong Kong.</p>
</section>
<section class="content__section">
<h2>Why <cite>A Summers End — Hong Kong 1986</cite> Means a Great Deal to Me</h2>
<img src="/assets/asummersend/images/screenshots/ASE-Screenshot-05.png" alt="Screenshot of A Summer's End with Sam and Michelle kissing">
<p>As a Chinese lesbian who speaks Cantonese and had engaged with a lot of Hong Kong media during my teenage years, <cite>A Summers End — Hong Kong 1986</cite> is the lesbian story that I relate to and feel represented the most.</p>
<p>I relate to both the protagonists, Michelle and Sam, as their characters represent different parts of my life as a Chinese lesbian. I also relate to the storys theme of hoping for the future of our homeland despite the political uncertainties.</p>
<p>My standards for lesbian representation in media has also become much higher because of this visual novel, since <cite>A Summers End</cite> is also a perfect example of how some of the best representations of minority groups are actually found in media made by indie creators, especially those who are part of those minority groups, so we shouldnt rely on mainstream media for representation especially when big name media companies are going to just give us scraps.</p>
<p>If you ask me to list just one piece of queer art that means everything to me, that gives me comfort, inspiration, and strength the most, <cite>A Summers End</cite> would be it.</p>
<p>I seriously cannot recommend <cite>A Summers End</cite> enough, especially for Asian sapphic women.</p>
</section>