leilukin-site/shrines/asummersend/trivia/index.html

587 lines
25 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="top">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Trivia | A Summers End — Hong Kong 1986 Shrine">
<link rel="canonical" href="https://leilukin.com/shrines/asummersend/trivia/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="A collection of trivia about A Summers End — Hong Kong 1986.">
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:type" content="website">
<meta property="og:description" content="A collection of trivia about A Summers End — Hong Kong 1986.">
<meta property="og:url" content="https://leilukin.com/shrines/asummersend/trivia/">
<meta property="og:locale" content="en_MY">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.toc__wrapper {
max-height: 89vh;
overflow-x: auto;
background-color: var(--clr-content-bg);
padding: 1rem 1.3rem;
}
.toc__heading {
font-size: 1.3rem;
font-weight: 700;
color: var(--clr-sub-heading);
}
.toc ol,
.toc ol ol {
display: grid;
gap: 0.3em;
}
.toc ol {
border-top: 0.1em solid var(--clr-title-border);
padding-left: 1.3em;
padding-top: 1em;
}
.toc ol ol {
border-top: none;
list-style-type: disc;
padding-left: 1em;
padding-top: 0.3em;
}
.toc ol a {
font-size: 1.1rem;
padding-left: 0.3em;
}
.toc ol ol a {
padding: 0;
font-size: 1rem;
}
.right-sidebar {
background-color: var(--clr-content-bg);
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info {
padding: 1rem;
overflow: auto;
}
.shrine__info h2 {
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul { margin-top: 0.5em; }
.breadcrumbs {
list-style-type: "";
padding: 0;
margin: 0 0 0.7em 0;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
justify-content: center;
}
.breadcrumbs li::after {
content: '➔';
padding-left: 0.3em;
}
.article__info--desc { margin-bottom: 1em; }
.blog__post--pagination {
padding-top: 1em;
margin-block-start: 2.5em;
border-top: 0.1em solid var(--clr-title-border);
}
.blog__post--nextprev {
list-style-type: "";
padding: 0;
margin: 0;
display: grid;
gap: 0.7em;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: 'prev next';
}
.blog__post--prev { grid-area: prev; }
.blog__post--next { grid-area: next; }
:root {
--clr-body-bg: #1f0033;
--img-body-bg: none;
--clr-body-txt: #fceaff;
--clr-content-bg: #101010;
--clr-top-btn-bg: #fd60e1;
--clr-top-btn-txt: #101010;
--clr-main-heading: #FF29D8;
--clr-sub-heading: #FF29D8;
--clr-title-border: #d3aad5;
--clr-bold-txt: #ff9933;
--clr-link: #d270ff;
--clr-link-hover: #7E4197;
--clr-quote-bg: #222121;
--clr-quote-border: #4d4385;
--clr-code-bg: #241445;
--clr-code-border: #82668f;
--clr-dates: rgb(158, 203, 255);
--clr-link-btn-bg: #873eb5;
--clr-link-btn-txt: white;
--clr-link-btn-hover: #241445;
--clr-hero-bg: #101010;
--clr-navbar-bg: #181818;
--clr-navbar-link: white;
--clr-main-footer-bg: #181818;
}
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0.7em;
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
object-fit: contain;
overflow: hidden;
max-height: 16rem;
}
.navbar {
background: var(--clr-navbar-bg);
width: 100%;
z-index: 998;
position: sticky;
top: 0;
padding: 0.6em;
}
.navbar__menu {
list-style-type: "";
margin: 0;
padding: 0;
display: flex;
gap: 1em;
flex-wrap: wrap;
text-align: center;
}
.navbar__menu a {
color: var(--clr-navbar-link);
text-decoration: none;
cursor: pointer;
display: inline-block;
}
.navbar__menu a:hover { color: var(--clr-link-hover); }
.navbar__menu a:focus { outline-offset: 0.2em; }
.navbar__links {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5em;
}
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: none;
align-items: center;
gap: 0.3em;
}
.navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
.navbar__popover {
background-color: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link);
padding: 1.5em;
max-width: 85%;
}
.navbar__popover::backdrop {
background-color: black;
opacity: 0.5;
}
@supports selector([popover]) {
.navbar__toggle { display: flex; }
.navbar__links { display: none; }
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar { padding: 1em 0.6em; }
.navbar__toggle, .navbar__popover { display: none; }
.navbar__links { display: flex; }
}
.top-btn,
.top-btn:hover {
color: var(--clr-top-btn-txt);
text-decoration: none;
}
.top-btn {
position: fixed;
bottom: 0.5rem;
right: 0.5rem;
z-index: 999;
background-color: var(--clr-top-btn-bg);
display: flex;
align-items: center;
border-radius: 50em;
padding: 0.3em 0.5em;
gap: 0.2em;
}
.top-btn:focus {
outline: 0.25em solid var(--clr-top-btn-bg);
outline-offset: 0.15em;
}
.top-btn__arrow {
display: inline-block;
width: 1em;
aspect-ratio: 1 / 1;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
:root { --footer-gap: 0.5em; }
.footer {
margin-top: auto;
width: 100%;
background: var(--clr-main-footer-bg);
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
text-align: center;
display: grid;
gap: var(--footer-gap);
}
.footer__links,
.footer__shrines {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: var(--footer-gap);
}
.footer__links { justify-self: center; }
.footer__shrines { align-self: center; }</style>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/asummersend/images/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/asummersend/images/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/asummersend/images/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="me" href="mailto:contact@leilukin.com">
<link rel="me" href="https://dragonscave.space/@Leilukin">
<link rel="me" href="https://github.com/Leilukin">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<script src="/assets/js/u1Q464ZfAb.js" defer=""></script>
<script src="/assets/js/details-utils.js" defer=""></script>
<title>
Trivia | A Summers End — Hong Kong 1986 Shrine | Leilukin's Hub
</title>
</head>
<body>
<div class="skip-btn"><a href="#content">Skip to content</a></div>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<picture>
<source srcset="/assets/shrines/asummersend/images/asummersend-header-320.avif" media="(orientation: landscape)">
<img src="/assets/shrines/asummersend/images/asummersend-header.avif" alt="Banner of A Summers End — Hong Kong 1986 Shrine">
</picture>
</div>
</header>
<nav class="navbar" aria-labelledby="top-level-nav-title">
<h2 class="visually-hidden" id="top-level-nav-title">Top Level</h2>
<ul class="navbar__menu navbar__links">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/asummersend/playlists/">Playlists</a>
</li>
<li>
<a aria-current="page" href="/shrines/asummersend/trivia/">Trivia</a>
</li>
<li>
<a href="/shrines/asummersend/gallery/">Gallery</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
<button class="navbar__toggle" popovertarget="nav-menu" aria-label="Toggle navigation menu">
<svg aria-hidden="true" focusable="false" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"></path></svg>
Navigation
</button>
</nav>
<div popover="" id="nav-menu" class="navbar__popover">
<ul class="navbar__menu">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/asummersend/playlists/">Playlists</a>
</li>
<li>
<a aria-current="page" href="/shrines/asummersend/trivia/">Trivia</a>
</li>
<li>
<a href="/shrines/asummersend/gallery/">Gallery</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
</div>
<main id="content">
<header class="main__header">
<h1>A Summers End — Hong Kong 1986 Trivia</h1>
<p>A collection of trivia about A Summers End — Hong Kong 1986.</p>
</header>
<content-wrapper>
<aside class="left-sidebar" aria-label="Left sidebar">
<details-utils force-open="(min-width: 60rem)" force-restore="">
<details class="toc__wrapper sidebar--sticky">
<summary class="toc__heading" id="toc-heading">
Table of Contents
</summary>
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#movies-and-music-references">Movies and Music References</a></li>
<li><a href="#character-trivia">Character Trivia</a><ol><li><a href="#chinese-names">Chinese Names</a></li>
<li><a href="#birthdays">Birthdays</a></li>
<li><a href="#zodiac-signs">Zodiac Signs</a></li>
<li><a href="#myers-briggs-type-indicator">MyersBriggs Type Indicator</a></li>
<li><a href="#inspirations">Inspirations</a></li></ol></li>
<li><a href="#footnotes">Footnotes</a></li></ol></nav>
</details>
</details-utils>
</aside>
<div class="content">
<p>Here is a collection of trivia about the characters from <cite>A Summers End — Hong Kong 1986</cite> provided by the developer Oracle and Bone on their social media pages, especially <a href="https://oracleandbone.tumblr.com/">Tumblr</a>.</p>
<div class="heading-wrapper h2">
<h2 id="movies-and-music-references">Movies and Music References</h2>
<a class="heading-anchor" href="#movies-and-music-references" aria-labelledby="movies-and-music-references"><span hidden="">#</span></a></div>
<p>A Summers End contains many references to movies and music. This community post on Steam compiles a list of the movie and music references made in the game. Please be aware it contains spoilers!</p>
<p><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067">Movies and Music in A Summers End Hong Kong 1986</a></p>
<div class="heading-wrapper h2">
<h2 id="character-trivia">Character Trivia</h2>
<a class="heading-anchor" href="#character-trivia" aria-labelledby="character-trivia"><span hidden="">#</span></a></div>
<div class="heading-wrapper h3">
<h3 id="chinese-names">Chinese Names</h3>
<a class="heading-anchor" href="#chinese-names" aria-labelledby="chinese-names"><span hidden="">#</span></a></div>
<p>Michelle Cheung's Chinese name is <span lang="zh">張鳳霞</span>, while Sam Wong's Chinese name is <span lang="zh">黃嘉欣</span><sup class="footnote-ref"><a href="#fn1" id="fnref1">[<span class="visually-hidden">Footnote #</span>1]</a></sup>. Oracle and Bone had commented on their idea behind the characters' Chinese names in a <a href="https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and">response to a fan's question on Tumblr</a>:</p>
<blockquote>
<p>A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelles name to have metaphoric meaning that reflected her story as well as the themes of the game.</p>
</blockquote>
<div class="heading-wrapper h3">
<h3 id="birthdays">Birthdays</h3>
<a class="heading-anchor" href="#birthdays" aria-labelledby="birthdays"><span hidden="">#</span></a></div>
<ul>
<li>Michelle: February 16<sup class="footnote-ref"><a href="#fn2" id="fnref2">[<span class="visually-hidden">Footnote #</span>2]</a></sup></li>
<li>Sam: December 28<sup class="footnote-ref"><a href="#fn3" id="fnref3">[<span class="visually-hidden">Footnote #</span>3]</a></sup></li>
<li>Cecelia: August 9<sup class="footnote-ref"><a href="#fn4" id="fnref4">[<span class="visually-hidden">Footnote #</span>4]</a></sup></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="zodiac-signs">Zodiac Signs</h3>
<a class="heading-anchor" href="#zodiac-signs" aria-labelledby="zodiac-signs"><span hidden="">#</span></a></div>
<ul>
<li>Michelle: Aquarius<sup class="footnote-ref"><a href="#fn5" id="fnref5">[<span class="visually-hidden">Footnote #</span>5]</a></sup></li>
<li>Sam: Capricorn<sup class="footnote-ref"><a href="#fn5" id="fnref5:1">[<span class="visually-hidden">Footnote #</span>5:1]</a></sup></li>
<li>Cecilia: Leo<sup class="footnote-ref"><a href="#fn5" id="fnref5:2">[<span class="visually-hidden">Footnote #</span>5:2]</a></sup></li>
<li>Joey: Cancer<sup class="footnote-ref"><a href="#fn6" id="fnref6">[<span class="visually-hidden">Footnote #</span>6]</a></sup></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="myers-briggs-type-indicator">MyersBriggs Type Indicator</h3>
<a class="heading-anchor" href="#myers-briggs-type-indicator" aria-labelledby="myers-briggs-type-indicator"><span hidden="">#</span></a></div>
<ul>
<li>Michelle: ISTJ<sup class="footnote-ref"><a href="#fn7" id="fnref7">[<span class="visually-hidden">Footnote #</span>7]</a></sup></li>
<li>Sam: ESFP<sup class="footnote-ref"><a href="#fn7" id="fnref7:1">[<span class="visually-hidden">Footnote #</span>7:1]</a></sup></li>
<li>Cecelia: ESTJ<sup class="footnote-ref"><a href="#fn7" id="fnref7:2">[<span class="visually-hidden">Footnote #</span>7:2]</a></sup></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="inspirations">Inspirations</h3>
<a class="heading-anchor" href="#inspirations" aria-labelledby="inspirations"><span hidden="">#</span></a></div>
<ul>
<li>The character and fashion of Cecelia has been largely inspired by Anita Mui.<sup class="footnote-ref"><a href="#fn8" id="fnref8">[<span class="visually-hidden">Footnote #</span>8]</a></sup></li>
</ul>
<footer class="footnotes">
<div class="heading-wrapper h2">
<h2 id="footnotes" class="footnotes__title">Footnotes</h2>
<a class="heading-anchor" href="#footnotes" aria-labelledby="footnotes"><span hidden="">#</span></a>
</div>
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Answer to a <a href="https://oracleandbone.tumblr.com/post/650935977958866944/hello-i-love-the-game-to-death-but-i-was-just">fan's question about Sam and Michelle's Chinese names on Tumblr</a> <a aria-label="Back to reference #1" href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn2" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday">art for Michelle's Birthday</a> on 16 February 2021 <a aria-label="Back to reference #2" href="#fnref2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn3" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy">art for Sam's Birthday</a> on 28 December 2020 <a aria-label="Back to reference #3" href="#fnref3" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn4" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday">art for Cecelia's Birthday</a> on 9 August 2020 <a aria-label="Back to reference #4" href="#fnref4" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn5" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle">answer on 27 April 2020 on Tumblr</a> <a aria-label="Back to reference #5" href="#fnref5" class="footnote-backref">↩︎</a> <a aria-label="Back to reference #5:1" href="#fnref5:1" class="footnote-backref">↩︎</a> <a aria-label="Back to reference #5:2" href="#fnref5:2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn6" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac">answer on 29 April 2020 on Tumblr</a> <a aria-label="Back to reference #6" href="#fnref6" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn7" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a">answer on 29 June 2020 on Tumblr</a> <a aria-label="Back to reference #7" href="#fnref7" class="footnote-backref">↩︎</a> <a aria-label="Back to reference #7:1" href="#fnref7:1" class="footnote-backref">↩︎</a> <a aria-label="Back to reference #7:2" href="#fnref7:2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn8" class="footnote-item"><p>Oracle and Bone's <a href="https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy">art for Cecelia's birthday on 9 August 2021</a> <a aria-label="Back to reference #8" href="#fnref8" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</footer>
</div>
<aside class="right-sidebar" aria-label="Right sidebar">
<div class="shrine__info 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/">Official Website</a>
</li>
<li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end">itch.io</a></li>
</ul>
</div>
</aside>
</content-wrapper>
</main>
<footer class="footer">
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>
<a href="mailto:contact@leilukin.com">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
</p>
<p>Made with ♥ by Leilukin • Shrine Launched: 16 February 2023</p>
<nav class="footer__shrines" aria-labelledby="backto-title">
<p id="backto-title">Back to:</p>
<ul class="inline-nav footer__links">
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Leilukin&#39;s Hub</a></li>
</ul>
</nav><p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>
<a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
</p><div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
<span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div><a href="#top" class="top-btn">
<svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
<path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Back to Top
</a>
</footer>
</body>
</html>