{% macro links(scraps) %}
    <ul class="links">
        {% for scrap in scraps %}
            <a href="./{{scrap.title}}.html">
                <li class="links-card">
                    <p class="title">{{ scrap.title }}</p>
                    {% if scrap.thumbnail %}
                        <div class="thumbnail">
                            <img class="thumbnail-image" alt="thumbnail" src="{{ scrap.thumbnail }}" />
                        </div>
                    {% else %}
                        <p class="summary">{{ scrap.html_content | striptags }}</p>
                    {% endif %}
                </li>
            </a>
        {% endfor %}
    </ul>
{% endmacro links %}

{% macro tag_links(tags) %}
    <ul class="tag-links">
        {% for tag in tags %}
            <a href="./{{tag.title}}.html">
                <li class="item">
                    <span class="title">{{ tag.title }}</span><span>({{ tag.linked_count }})</span>
                </li>
            </a>
        {% endfor %}
    </ul>
{% endmacro tag_links %}