{% extends "hp/base.html" %}
{% load i18n %}
{% load thumbnail %}
{% load staticfiles %}
{% load hp_tags %}

{% block title %}
{% trans "Hyperplateau : all videos" %}
{% endblock %}

{% block css_declaration %}
{{ block.super }}
<link rel="stylesheet" href="{% static "hp/css/home.css" %}" type="text/css"/>
{% endblock %}


{% block body %}
{{block.super}}
<!-- all videos -->
<ul class="floatlist full_width" id="derniers_medias">
    <li class="li_h2">
      <ul class="title_ul">
        <li><h2>
        {% trans 'All videos' %}</h2>
        </li>
      </ul>
    </li>
    {% for content in results.objects %}
    <li class="li_media">
        <div class="img_and_overlay">
            <a href="{% url hp.views.show_video_details 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 }}" alt="{% trans 'open this media' %}" title="{% trans 'open this media' %}">{% endthumbnail %}
            </a>
        </div>
        <p><a href="{% url hp.views.show_video_details content.iri_id %}" title="{% trans 'open this media' %}" ><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 %}