{% extends "front/front_base.html" %}

{% load i18n %}

{% load thumbnail %}

{% load front_tags %}

{% block title %}Lignes de temps : groupe "{{group.name}}"{% endblock %}

{% block css_import %}

{{block.super}}

<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/front_home.css" type="text/css"/>

{% endblock %}

{% block body %}

{{block.super}}

<!-- Last annotated contents -->

<ul class="floatlist full_width" id="derniers_medias">

    <li class="li_h2">

        <h2>{% trans 'All medias' %}</h2>

    </li>

    {% for content in content_list %}

    <li class="li_media">

        <a href="{% url ldt.ldt_utils.views.front.annot_content content.iri_id %}">{% thumbnail content.image "294x165" format="PNG" crop="center" as im %}<img src="{{ im.url }}" class="img_media" width="{{ im.width }}" height="{{ im.height }}">{% endthumbnail %}</a>

        <div class="bulle_annot">{{ content.nb_annotation }}</div>

        <p><a href="{% url ldt.ldt_utils.views.front.annot_content content.iri_id %}"><b>{% if content.title|length > 69 %}{{content.title|slice:":69"}}...{% else %}{{content.title}}{% endif %}</b></a></p>

        <p>{% trans 'by' %} IRI | {{content.duration|str_duration:"h"}}</p>

    </li>

    {% endfor %}

</ul>

{% endblock %}