Abbaye

at ccc40f5

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>{{ project_name }}</title>
        <link
            rel="alternate"
            type="application/atom+xml"
            title="{{ project_name }} Releases"
            href="{{ atom_feed }}"
        />
        <style>
            *,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            body {
                font-family:
                    system-ui,
                    -apple-system,
                    BlinkMacSystemFont,
                    "Segoe UI",
                    sans-serif;
                background: #f5efe4;
                color: #2e2416;
                line-height: 1.6;
            }
            header {
                background: #3d5732;
                color: #f0e8d8;
                padding: 1.5rem 2rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
            }
            header h1 {
                font-size: 1.75rem;
                font-weight: 700;
                letter-spacing: 0.01em;
            }
            .feed-link {
                display: flex;
                align-items: center;
                gap: 0.4em;
                color: #f0e8d8;
                text-decoration: none;
                font-size: 0.85rem;
                opacity: 0.8;
            }
            .feed-link:hover {
                opacity: 1;
                text-decoration: underline;
            }
            .feed-icon {
                /* Classic orange RSS/Atom square */
                display: inline-block;
                width: 1em;
                height: 1em;
                flex-shrink: 0;
                background: #f96b15;
                border-radius: 2px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='3' cy='13' r='2' fill='white'/%3E%3Cpath d='M3 6.5A6.5 6.5 0 0 1 9.5 13' stroke='white' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M3 2A11 11 0 0 1 14 13' stroke='white' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }

            main {
                max-width: 760px;
                margin: 2.5rem auto;
                padding: 0 1.5rem;
            }
            h2 {
                font-size: 0.75rem;
                font-weight: 700;
                color: #7a6855;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                margin-bottom: 1rem;
            }
            ul {
                list-style: none;
            }
            li {
                display: flex;
                align-items: center;
                gap: 0.75rem;
                padding: 0.75rem 1rem;
                background: #fdfaf5;
                border: 1px solid #c9baa8;
                border-radius: 5px;
                margin-bottom: 0.5rem;
            }
            li:hover {
                border-color: #a06020;
            }
            a.version-link {
                font-size: 1.05rem;
                font-weight: 500;
                color: #7a4429;
                text-decoration: none;
            }
            a.version-link:hover {
                text-decoration: underline;
                color: #a05a3a;
            }
            .badge-latest {
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.07em;
                background: #a06020;
                color: #fdf6ec;
                padding: 0.2em 0.6em;
                border-radius: 999px;
            }
            .version-date {
                margin-left: auto;
                font-size: 0.8rem;
                color: #8a7060;
                font-variant-numeric: tabular-nums;
            }
        </style>
    </head>
    <body>
        <header>
            <h1>{{ project_name }}</h1>
            <a class="feed-link" href="{{ atom_feed }}">
                <span class="feed-icon" aria-hidden="true"></span>
                Atom feed
            </a>
        </header>
        <main>
            <h2>Versions</h2>
            <ul>
                {% for v in versions %}
                <li>
                    <a class="version-link" href="{{ v.version }}/"
                        >{{ v.version }}</a
                    >
                    {% if loop.first %}<span class="badge-latest">latest</span
                    >{% endif %} {% if v.date %}<time
                        class="version-date"
                        datetime="{{ v.date }}"
                        >{{ v.date }}</time
                    >{% endif %}
                </li>
                {% endfor %}
            </ul>
        </main>
    </body>
</html>