{% load static %}
{% load i18n %}
{% load thumbnail %}
{# we suppose here that "col" has been defined #}
<div class="tools toggle">
    <ul class="clearfix">
        <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
        <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
        <!--li><a title="Enregistrer" class="tool save" href="#"></a></li-->
    </ul>
</div>
<a href="{% url 'view_collection' collection_pk=col.pk %}">
{% with items=col.first_four_items %}
<div class="top clearfix">
  {% for item in items|slice:":2" %}
    {% include 'partial/little_square_item_for_collection.html' %}
  {% endfor %}
</div>
<div class="mid">
    <h3>{{ col.title|default:_("No title") }}</h3>
    <p>{% trans "by" %} {{ col.author }}</p>
</div>
<div class="bot clearfix">
  {% for item in items|slice:"2:4" %}
    {% include 'partial/little_square_item_for_collection.html' %}
  {% endfor %}
</div>
{% endwith %}
</a>