---
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 webmaster is interested in and passionate about, to celebrate or share information about their interest.</p>

<p>Here is a list of shrines I have made for my own website.</p>

<ul class="shrine-index">
    <li>
        <h2><a href="./asummersend/">{% cite "A Summer’s End — Hong Kong 1986" %}</a></h2>
        <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>
        <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>
        <img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Key art of Cassette Beasts" 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 %}