leilukin-site/src/sitemap.njk

---
layout: main/content
title: Site Map
eleventyExcludeFromCollections: true
metadata:
    desc: Site map of Leilukin's Hub.
---

<p>This page lists the links to the pages on my website for easier navigation.</p>

<ul role="list" class="sitemap">
    {% for page in collections.pages %}
        <li>
            <a href="{{ page.url }}">{{ page.data.title or page.data.metadata.title }}</a>
            {% if page.data.title === "Blog" %}
                <ul>
                    {% for page in collections["blog pages"] %}
                        {% if page.data.title !== "Blog" %}
                            <li>
                                <a href="{{ page.url }}">{{ page.data.title or page.data.metadata.title }}</a>
                            </li>
                        {% endif %}
                    {%- endfor %}
                </ul>
            {% endif %}
            {% if page.data.title === "Articles" %}
                <ul>
                    {% for page in collections["articles"] %}
                        <li>
                            <a href="{{ page.url }}">{{ page.data.articleTitle }}</a>
                        </li>
                    {%- endfor %}
                </ul>
            {% endif %}
            {% if page.data.title === "Changelogs" %}
                <ul>
                    {% for page in collections["changelog pages"] %}
                        <li>
                            <a href="{{ page.url }}">{{ page.data.changelogNav }}</a>
                        </li>
                    {%- endfor %}
                </ul>
            {% endif %}
        </li>
    {%- endfor %}
</ul>

<style>
    main ul {
        display: grid;
        gap: 0.5rem;
    }

    .sitemap {
        margin: 0 0 0 1em;
        padding: 0;
        list-style: none;
    }

    .sitemap a:focus {
        outline: 0.15rem solid var(--clr-link);
    }

    .sitemap li {
        padding-left: 0.5em;
        align-items: start;
    }

    .sitemap li::marker {
        content: "▶";
    }

    .sitemap ul li::marker {
        content: "★";
    }

    .sitemap ul ul li::marker {
        content: "♥";
    }

    .sitemap ul ul ul li::marker {
        content: "❣";
    }
</style>