leilukin-site/shrines/cassettebeasts/index.html

608 lines
26 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en" dir="ltr" id="top">
<head>
<meta property="og:title" content="Cassette Beasts Shrine | Cassette Beasts Shrine">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Leilukin">
<meta name="description" content="Leilukin's shrine for Cassette Beasts.">
<meta name="generator" content="Eleventy v3.0.0">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.com/shrines/cassettebeasts/">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:locale" content="en_MY">
<meta property="og:description" content="Leilukin's shrine for Cassette Beasts.">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://leilukin.com/shrines/cassettebeasts/">
<meta name="twitter:description" content="Leilukin's shrine for Cassette Beasts.">
<link rel="canonical" href="https://leilukin.com/shrines/cassettebeasts/">
<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: 600;
src: url('/assets/fonts/lexend/lexend-v19-latin-600.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/intel-one-mono/intel-one-mono.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-top: 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: #e4e3e3;
--clr-body-txt: #141414;
--clr-content-bg: #ffffff;
--clr-top-btn-bg: #552190;
--clr-top-btn-txt: #ffffff;
--clr-main-heading: #171717;
--clr-sub-heading: #111111;
--clr-title-border: #7629db;
--clr-bold-txt: #da4500;
--clr-link: #7629db;
--clr-link-hover: #270e48;
--clr-quote-bg: #f3f2f2;
--clr-quote-border: #414141;
--clr-cw-hover: rgb(250, 229, 229);
--clr-code-bg: #f3f2f2;
--clr-code-border: #414141;
--clr-dates: rgb(58, 150, 255);
--clr-link-btn-bg: #873eb5;
--clr-link-btn-txt: white;
--clr-link-btn-hover: #241445;
--clr-hero-bg: #7944B6;
--clr-navbar-bg: #9b59b6;
--clr-navbar-link: white;
--clr-main-footer-bg: #9b59b6;
}
@media (prefers-color-scheme: dark) {
:root {
--clr-body-bg: #141414;
--clr-body-txt: #fff;
--clr-content-bg: #242424;
--clr-top-btn-bg: #552190;
--clr-main-heading: #daaced;
--clr-sub-heading: #fff;
--clr-title-border: #9964de;
--clr-bold-txt: #ff9869;
--clr-link: #ce97ff;
--clr-link-hover: #b366f7;
--clr-quote-bg: #141414;
--clr-quote-border: #f3f2f2;
--clr-navbar-bg: #3a0873;
--clr-main-footer-bg: #3a0873;
}
}
.hero__top-bar,
.footer,
.footer a { color: var(--clr-navbar-link); }
.footer a:focus { outline-color: var(--clr-navbar-link); }
.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/cassettebeasts/images/cb-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/cassettebeasts/images/cb-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">
<link rel="webmention" href="https://webmention.io/leilukin.com/webmention">
<script src="/assets/js/HyLrkULTf1.js" defer></script>
<script src="/assets/js/details-utils.js" defer></script>
<title>
Cassette Beasts Shrine | Cassette Beasts 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/cassettebeasts/images/cassettebeasts-header-320.avif" media="(orientation: landscape)" />
<img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif" alt="Banner of Cassette Beasts 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/cassettebeasts/articles/">Articles</a>
</li>
<li>
<a href="/shrines/cassettebeasts/gamelog/">Game Log</a>
</li>
<li>
<a href="/shrines/cassettebeasts/featured/">Featured</a>
</li>
<li>
<a href="/shrines/cassettebeasts/facts/">Facts</a>
</li>
<li>
<a href="/shrines/cassettebeasts/resources/">Resources</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"/></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/cassettebeasts/articles/">Articles</a>
</li>
<li>
<a href="/shrines/cassettebeasts/gamelog/">Game Log</a>
</li>
<li>
<a href="/shrines/cassettebeasts/featured/">Featured</a>
</li>
<li>
<a href="/shrines/cassettebeasts/facts/">Facts</a>
</li>
<li>
<a href="/shrines/cassettebeasts/resources/">Resources</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>Cassette Beasts Shrine</h1>
<p>Leilukin&#39;s shrine for Cassette Beasts.</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="#welcome-to-my-cassette-beasts-shrine">Welcome to My Cassette Beasts Shrine!</a></li>
<li><a href="#why-you-should-play-cassette-beasts">Why You Should Play Cassette Beasts</a></li>
<li><a href="#my-interest-in-cassette-beasts">My Interest In Cassette Beasts</a></li>
<li><a href="#my-contributions-to-the-cassette-beasts-community">My Contributions to the Cassette Beasts Community</a></li></ol></nav>
</details>
</details-utils>
</aside>
<div class="content content--divided">
<article class="content__section"><div class="heading-wrapper h2">
<h2 id="welcome-to-my-cassette-beasts-shrine">Welcome to My <cite>Cassette Beasts</cite> Shrine!</h2>
<a class="heading-anchor" href="#welcome-to-my-cassette-beasts-shrine" aria-labelledby="welcome-to-my-cassette-beasts-shrine"><span hidden>#</span></a></div>
<p><img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Promotional image of Cassette Beasts"></p>
<p><cite>Cassette Beasts</cite> is a 2D/3D hybrid monster collecting open-world role-playing video game developed by Bytten Studio, an indie team based in Brighton, United Kingdom, co-founded by Jay Baylis and Tom Coxon, and published by Raw Fury.</p>
<p>First released on Steam and Windows on 26 April 2023, later on console on 25 May 2023, <cite>Cassette Beasts</cite> is available on Windows, Linux, Steam, Xbox Series X|S, Xbox One, Gamepass and Nintendo Switch.</p>
<p><cite>Cassette Beasts</cite> also has an <a href="https://www.cassettebeasts.com/">official website</a> and <a href="https://wiki.cassettebeasts.com/wiki/Main_Page">official wiki</a>.</p>
<p>You can buy <cite>Cassette Beasts</cite> from below links:</p>
<ul>
<li><a href="https://store.steampowered.com/app/1321440/Cassette_Beasts/">Steam</a></li>
<li><a href="https://www.xbox.com/en-us/games/store/cassette-beasts/9n82snqtzvmq">Xbox</a></li>
<li><a href="https://www.nintendo.com/store/products/cassette-beasts-switch/">Nintendo Switch</a></li>
</ul>
</article>
<article class="content__section"><div class="heading-wrapper h2">
<h2 id="why-you-should-play-cassette-beasts">Why You Should Play <cite>Cassette Beasts</cite></h2>
<a class="heading-anchor" href="#why-you-should-play-cassette-beasts" aria-labelledby="why-you-should-play-cassette-beasts"><span hidden>#</span></a></div>
<p><img src="/assets/shrines/cassettebeasts/images/cassettebeasts-website-header-bg.avif" alt="Header of the Cassette Beasts official website"></p>
<p><cite>Cassette Beasts</cite> is a masterpiece of a monster collecting game with refreshing takes on the genre, from monster collecting mechanic, battle system, elemental type match ups, story, characters, lore, world building, map design, etc, with an amazing soundtrack that goes along with the game.</p>
<p>Indie monster collecting games in particular need all the support they can get to let more people (especially Western audiences) know that <cite>Pokémon</cite> is not the only monster collecting game worth your attention, and <cite>Cassette Beasts</cite> is one of those indie games that prove indie games can be more creative than AAA games.</p>
<p>I cannot recommend <cite>Cassette Beasts</cite> enough if you like monster collecting games, including, if not especially, if you like <cite>Pokémon</cite> but want an indie alternative, or something different after finding <cite>Pokémon</cite> games getting stale, or becoming jaded by the direction of the <cite>Pokémon</cite> games.</p>
<p>If you need more convincing on how <cite>Cassette Beasts</cite> is much more than a <cite>Pokémon</cite> clone, <a href="/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone">I have written a huge essay on this shrine</a>.</p>
</article>
<article class="content__section"><div class="heading-wrapper h2">
<h2 id="my-interest-in-cassette-beasts">My Interest In <cite>Cassette Beasts</cite></h2>
<a class="heading-anchor" href="#my-interest-in-cassette-beasts" aria-labelledby="my-interest-in-cassette-beasts"><span hidden>#</span></a></div>
<p><img src="/assets/shrines/cassettebeasts/images/cassettebeasts-website_screenshot_02.avif" alt="Official screenshot of Harbourtown in Cassette Beasts"></p>
<p>On 30 June 2023, when the Steam Summer Sale 2023 just started, I received <cite>Cassette Beasts</cite> as a Steam gift from a generous friend, who knew that I had been looking for independant monster collecting games, since I mostly play indie games instead of AAA games nowadays.</p>
<p>I started my first playthrough of <cite>Cassette Beasts</cite> on 18 July 2023, and I was immediately hooked. I could already feel this game has everything I could ask for in an indie alternative to <cite>Pokémon</cite>.</p>
<p>I ended up spending around 34 hours to beat the main campaign, and that was because I made the deliberate decision to max out the companion characters' relationship level before advancing to the final portion of the main story, since this game has more focus on human characters and relationships than what you may expect in a monster-collecting game.</p>
<p>I love <cite>Cassette Beasts</cite> so much that I also purchased its Deluxe Edition, which includes the soundtrack, the art book and the Cosplay Pack as a birthday present for myself on 28 July 2023. In addition, I also <a href="/blog/posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived">bought the official plushie of Pombomb</a>, my favourite monster from the game.</p>
<p>Moreover, I ended up unlocking all 123 achievements on Steam on 13 March 2024. Very few RPGs make me want to unlock all the achievements, so it is telling how much I love <cite>Cassette Beasts</cite> that I am willing to spend time and effort to work for all the achievements.</p>
<p><cite>Cassette Beasts</cite> not only is my Game of the Year of 2023, but also it has become my absolute favourite monster collecting game, and even my all-time favourite video game ever.</p>
</article>
<article class="content__section"><div class="heading-wrapper h2">
<h2 id="my-contributions-to-the-cassette-beasts-community">My Contributions to the <cite>Cassette Beasts</cite> Community</h2>
<a class="heading-anchor" href="#my-contributions-to-the-cassette-beasts-community" aria-labelledby="my-contributions-to-the-cassette-beasts-community"><span hidden>#</span></a></div>
<p><img src="/assets/shrines/cassettebeasts/images/cassettebeasts-website_screenshot_07.avif" alt="Pre-release artwork of Kayleigh, Meredith and Eugene from Cassette Beasts"></p>
<p>Since I got into <cite>Cassette Beasts</cite>, I have been making a great deal of effort in promoting the game online, by talking about and recommending the game on my online spaces, including this shrine on my website, as well as social media platforms such as Tumblr and Twitter.</p>
<p>I am involved in the <cite>Cassette Beasts</cite> community by joining and participating in the <a href="https://discord.gg/byttenstudio">official Bytten Studio Discord server</a>.</p>
<p>In addition, my passion for <cite>Cassette Beasts</cite> drives me to contribute to the effort of documenting information about the game. I have recorded footages, made compilation videos and shared them on my YouTube channel for archival and reference purposes. I am also a contributor to the <a href="https://wiki.cassettebeasts.com/wiki/Main_Page">official <cite>Cassette Beasts</cite> wiki</a>. You can check out <a href="https://www.youtube.com/channel/UCQr78DF60PrBsgh8rQnzBWg/playlists?view=50&amp;sort=dd&amp;shelf_id=5">my <cite>Cassette Beasts</cite> video playlists on YouTube</a> and <a href="https://wiki.cassettebeasts.com/wiki/User:Leilukin">my user page on the <cite>Cassette Beasts</cite> wiki</a>.</p>
<p>Since I already had basic skills and knowledge of Python, I contributed my code to <a href="https://github.com/ExcaliburZero/cbpickaxe">cbpickaxe</a>, a Python library and set of scripts for data mining <cite>Cassette Beasts</cite>, specifically to <a href="https://github.com/ExcaliburZero/cbpickaxe/pull/3">add support for finding dialogue strings of IDs that require pronoun identifiers</a>. My code was approved and merged into cbpickaxe starting from <a href="https://github.com/ExcaliburZero/cbpickaxe/releases/tag/v0.1.2">version 0.1.2</a>.</p>
<p>I created and am running <a href="https://fan.leilukin.com/cassettebeasts">Land of Confusion</a>, the fanlisting for <cite>Cassette Beasts</cite> which is part of <a href="https://thefanlistings.org/">The Fanlistings Network</a>. If you are a fan of <cite>Cassette Beasts</cite>, you are more than welcome to join my fanlisting!</p>
<p>On Tumblr, I run the <a href="https://cassettebeastssource.tumblr.com/">Cassette Beasts Source</a> blog, an unofficial <cite>Cassette Beasts</cite> fan site blog that I founded on 25 February 2024. I created a fan site blog on Tumblr due to the fact that Bytten Studio does not have an official Tumblr account, and I want a Tumblr blog dedicated to sharing and archiving <cite>Cassette Beasts</cite> news and fan works.</p>
<p>I have also contributed to <a href="https://tvtropes.org/pmwiki/pmwiki.php/VideoGame/CassetteBeasts"><cite>Cassette Beasts</cite> TVTropes pages</a> (I have had a TVTropes account since 18 February 2012), by editing the pages to add information about the game. I was the one who created the <a href="https://tvtropes.org/pmwiki/pmwiki.php/Trivia/CassetteBeasts">Trivia page</a> for the game on TVTropes.</p>
</article>
</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>Cassette Beasts</cite>, an indie monster collecting turn-based open-world role-playing video game developed by Bytten Studio and published by Raw Fury.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.cassettebeasts.com/">Official Website</a>
</li>
<li><a href="https://wiki.cassettebeasts.com/">Official Wiki</a></li>
<li><a href="https://store.steampowered.com/app/1321440/Cassette_Beasts/">Steam</a></li>
<li><a href="https://bytten-studio.com/">Bytten Studio</a></li>
<li><a href="https://fan.leilukin.com/cassettebeasts/">Cassette Beasts fanlisting</a></li>
</ul>
</div>
</aside>
</content-wrapper>
</main>
<footer class="footer">
<p>Made with ♥ by Leilukin • Shrine Launched: 3 August 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><ul class="inline-nav footer__links">
<li><a href="mailto:contact@leilukin.com">Contact me by email</a></li>
<li><a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a></li>
</ul><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>