75 lines
2.0 KiB
Plaintext
Raw Normal View History

2024-04-16 19:30:31 +08:00
---
layout: main/content
---
{% set currentUrl %}{{ page.url }}{% endset %}
<nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links">
{% for page in collections["changelog pages"] | reverse %}
<li>
<a
{% if currentUrl === page.url %}
aria-current="page"
{% endif %}
href="{{ page.url }}">
{{ page.data.changelogNav }}
</a>
</li>
{% if not loop.last %}|{% endif %}
{%- endfor %}
</ul>
</nav>
<p>To get notified of the updates on this website, you can subscribe to the <a href="/feed.xml" target="blank">Leilukin's Hub RSS feed</a>, which contains new articles, blog posts and website changelog, or follow <a href="https://neocities.org/site/leilukin" target="_blank">my Neocities profile</a>.</p>
<div class="web-btn-wrapper center-el" style="margin-top: 0.7em;">
<a href="/feed.xml" target="blank" title="Leilukin's Hub RSS Feed">
<img src="/assets/buttons/rss-button.gif" alt="RSS feed button">
</a>
</div>
{{ content | safe }}
<style>
.changelog__nav,
.changelog__nav--links {
display: flex;
align-items: center;
justify-content: center;
}
.changelog__nav {
flex-direction: column;
gap: 0.2em;
align-self: center;
font-weight: 600;
}
.changelog__nav--links {
margin: 0;
padding: 0;
}
.changelog__nav--links {
list-style: none;
gap: 0.5em;
}
.changelog__nav--links li {
text-align: center;
align-self: center;
}
.changelog__nav--links [aria-current="page"] {
text-decoration: none;
color: var(--clr-bold-txt);
}
@media (min-width: 640px) {
.changelog__nav {
flex-direction: row;
gap: 1.5em;
}
}
</style>