---
title: Shrines
eleventyNavigation:
    order: 7
eleventyComputed:
    desc: Directory of {{ sitemeta.siteAuthor.name }}'s web shrines.
---

<p>A web shrine is a special web page dedicated to a specific topic, often one that the website owner is interested in and passionate about, to celebrate or share information about their interest. In essence, shrines can be considered mini fan sites.</p>

<p>Here is a list of shrines I have made for some of my favourite things.</p>

<ul class="shrine-index">
    <li>
        <h2><a href="./asummersend/">{% cite "A Summer’s End — Hong Kong 1986" %}</a></h2>
        <p>Independent sapphic visual novel developed by Oracle and Bone</p>
        <img src="/assets/shrines/asummersend/images/ASE_Key_art_intro.avif" alt="Key art of A Summer’s End — Hong Kong 1986" loading="lazy">
    </li>
    <li>
        <h2><a href="./starwarskotor/">{% cite "Star Wars: Knights of the Old Republic" %}</a></h2>
        <p>Single-player role-playing video game series set in the {% cite "Star Wars" %} universe</p>
        <img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="Key art of the Star Wars: Knights of the Old Republic series" loading="lazy">
    </li>
    <li>
        <h2><a href="./cassettebeasts/">{% cite "Cassette Beasts" %}</a></h2>
        <p>Independent monster collecting role-playing video game developed by Bytten Studio</p>
        <img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Key art of Cassette Beasts" loading="lazy">
    </li>
    <li>
        <h2><a href="./pokemonoras/">{% cite "Pokémon Omega Ruby" %} and {% cite "Alpha Sapphire" %}</a></h2>
        <p>Nintendo 3DS remakes of {% cite "Pokémon Ruby" %} and {% cite "Sapphire" %}</p>
        <img src="/assets/shrines/pokemonoras/images/pokemonoras-keyart.avif" alt="Official artwork of Team Magma, Team Aqua, Primal Groudon and Primal Kyogre with the logo of Pokémon Omega Ruby and Alpha Sapphire" loading="lazy">
    </li>
</ul>

{%- css %}
.shrine-index {
    display: grid;
    gap: 2em;
    list-style-type: "";
    padding: 0;
    margin: 2em 0 0;
}

.shrine-index li {
    display: grid;
    gap: 0.7em;
}
{% endcss %}