{% for like in likes.items %}
    {% with molt = like.molt %}
        {% include "molt.html" %}
    {% endwith %}
{% else %}
    <div class="d-inline-block w-100 p-5 text-muted text-molt text-center">This user has not liked any molts... 💔</div>
{% endfor %}
    {% if likes.has_next or likes.has_prev %}
    <nav aria-label="Page navigation buttons" class="mt-4">
        <ul class="pagination justify-content-center">
            <li class="page-item {{'' if likes.has_prev else 'disabled'}}">
                <a class="page-link h-100 p-0" href="javascript:loadContent_{{hexID}}({{likes.prev_num}});" tabindex="-1">

                    <svg class="absolute-center" width="24" height="24" data-jam="chevron-left">
                        <use href="{{sprite_url}}?version={{server_start}}#chevron-left"></use>
                    </svg>
                </a>
            </li>
            <li class="page-item {{'' if likes.has_prev else 'disabled'}}"><a class="page-link" href="javascript:loadContent_{{hexID}}(1);">Home</a></li>
            <li class="page-item {{'' if likes.has_next else 'disabled'}}">
                <a class="page-link h-100 p-0" href="javascript:loadContent_{{hexID}}({{likes.next_num}});">

                    <svg class="absolute-center" width="24" height="24" data-jam="chevron-right">
                        <use href="{{sprite_url}}?version={{server_start}}#chevron-right"></use>
                    </svg>
                </a>
            </li>
        </ul>
    </nav>
{% endif %}