TinyLifeWeb/web/_includes/devlogs.html

<div class="section">
    <h1 id="posts">📢 Posts</h1>
    <p>Posts are organized into categories, which you can find below. If you want to receive all these posts in your inbox or your favorite feed reader, you can subscribe to <a href="#subscribe">the mailing list</a> or <a href="/feed.xml">the Atom feed</a>.</p>

    {% assign sorted = site.tags | sort %}
    {% for tag in sorted %}
        <div class="devlogs">
            <h2 class="devlog-category" id="{{ tag[0] | slugify }}">{{ tag[0] }}</h2>
            <p>
                {% case tag[0] %}
                    {% when "Devlogs" %}
                        Along with every major update, we publish a devlog that features additional information as well as some screenshots. You can also read <a href="https://docs.tinylifegame.com/Changelog">the full changelog</a>.
                    {% when "Community Showcase" %}
                        We want to dedicate this section to our community and showcase some of the awesome stuff you've created. Be it in-game content, videos, or fan art, this category is dedicated to your creations.
                    {% when "Tiny Technicalities" %}
                        Tiny Technicalities gives you a little look behind the scenes of Tiny Life development, including explanations about the graphics, music, AI, build mode, and more!
                {% endcase %}
            </p>

            {% for post in tag[1] %}
                <div class="devlog">
                    <h4 class="devlog-title">{{ post.title }}</h4>
                    <div class="devlog-date text-muted">{{ post.date | date_to_string }}</div>
                    <div>
                        <a href="{{ post.url }}">Read this post</a> &ndash;
                        <a href="{{ post.itch }}">Read on itch</a> &ndash;
                        <a href="{{ post.steam }}">Read on Steam</a></div>
                </div>
            {% endfor %}
        </div>
    {% endfor %}
</div>