TinyLifeWeb/web/_includes/devlog_category.html

<div class="devlogs">
    <h2 class="devlog-category" id="{{ include.tag | slugify }}">{{ include.emoji }} {{ include.tag }}</h2>
    <p>{{ include.description }}</p>

    {% for post in site.posts %}
        {% if post.tags contains include.tag %}
            <div class="devlog">
                {% if post.image %}
                    {% assign start = post.image | slice: 0, 4 %}
                    {% if start == "http" %}
                        {% assign url = post.image %}
                    {% else %}
                        {% assign url = post.url | append: post.image %}
                    {% endif %}
                    <img src="{{ url }}" class="devlog-image" width="100%" height="120px" alt="Cover image for post {{ post.title }}">
                {% endif %}
                <h4 class="devlog-title">{{ post.title }}</h4>
                <div class="text-muted">{{ post.date | date_to_string }}</div>
                <div>
                    <a href="{{ post.url }}">Read this post</a>
                    {% if post.itch %}
                        &ndash; <a href="{{ post.itch }}">Read on itch</a>
                    {% endif %}
                    {% if post.steam %}
                        &ndash; <a href="{{ post.steam }}">Read on Steam</a>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endfor %}
</div>