{% macro meta(page) %}
    <span class="meta muted">
        {#
        <svg style="margin-bottom:-3px" class="i-clock" viewBox="0 0 32 32"
            width="16" height="16" fill="none" stroke="currentcolor"
            stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
            <circle cx="16" cy="16" r="14"/>
            <path d="M16 8 L16 16 20 20"/>
        </svg>
        #}
        {{ load_data(path="static/icons/glyphicons-halflings-27-clock.svg") | safe }}
        <span>{{ page.reading_time }} minute read</span>

        {% if page.date %}
            &nbsp;&nbsp;
            {#
            <svg style="margin-bottom: -3px" class="i-edit" viewBox="0 0 32 32"
                width="16" height="16" fill="none" stroke="currentcolor"
                stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
                <path d="M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z"/>
            </svg>
            #}
            {{ load_data(path="static/icons/glyphicons-halflings-21-calendar.svg") | safe }}
            Published: {{ page.date | date(format="%F") }}
        {% endif %}
    </span>
{% endmacro meta %}

{% macro page_in_list(page) %}
    <article itemscope itemtype="http://schema.org/CreativeWork">
        <header>
            <h1 itemprop="name">
                <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
            </h1>
            {{ self::meta(page=page) }}
        </header>
        {% if page.summary %}
            <div itemprop="summary">
                {{ page.summary | safe }}
                <nav class="readmore"><a itemprop="url" href="{{ page.permalink | safe }}#continue-reading">Continue Reading&nbsp;&raquo;</a></nav>
            </div>
        {% endif %}
    </article>
{% endmacro page_in_list %}