{% macro latest_post(posts) %}
    {% set post = posts|last %}
    <strong><a href="{{ post.path | safe }}">{{ post.title }}</a></strong>
{% endmacro latest_post %}

{% macro post_link(page) %}
    <div>
        {% set translations = page.translations | filter(attribute="lang", value=lang) -%}
        {%- if translations -%}
            {%- set post = get_page(path = translations.0.path) -%}
        {%- else -%}
            {%- set post = page -%}
            {%- set not_translated = true -%}
        {%- endif -%}
        <h3 class="post-list-title"><a href="{{ post.path | safe }}">{{ post.title }}</a></h3>
        <span class="post-list-icon">
            {%- if post.extra.icon -%}{{post.extra.icon | safe}}{%- endif -%}
        </span>
        <div class="post-summary">
            {{ post.summary | safe }}
            <a class="read-more" href="{{ post.path | safe }}"><em>read&nbsp;more&nbsp;»</em></a>

            {%- if lang and not_translated and lang != config.default_language -%}
            <aside class="no-translation">
                (This post is not translated yet.)
            </aside>
            {%- endif -%}
        </div>
    </div>
{% endmacro post_link %}

{% macro toc(toc) %}
    <details id = "toc-inline">
        <summary><b>Table of Contents</b></summary>
        <ul>
            {% for h2 in toc %}<li>
                <a href="#{{h2.id | safe}}">{{ h2.title | safe }}</a>
                {% if h2.children %}<ul>
                    {% for h3 in h2.children %}<li>
                        <a href="#{{h3.id | safe}}">{{ h3.title | safe }}</a>
                    </li>{% endfor %}
                </ul>{% endif %}
            </li>{% endfor %}
            <li class="toc-comments-link"><a href="#comments">Comments</a></li>
        </ul>
    </details>
{% endmacro toc %}

{% macro utterances() %}
    <script src="https://utteranc.es/client.js"
        data-repo="phil-opp/blog_os"
        data-issue-term="url"
        data-label="comments"
        crossorigin="anonymous"
        theme="preferred-color-scheme"
        async>
    </script>
{% endmacro utterances %}