{% extends "front/front_base.html" %}
{% load i18n %}
{% load thumbnail %}
{% load front_tags %}
{% load absstatic %}

{% block title %}Lignes de temps : groupes{% endblock %}

{% block css_import %}
{{block.super}}
<link rel="stylesheet" href='{% absstatic "ldt/css/front_group.css" %}' type="text/css"/>
{% endblock %}

{% block js_declaration %}
{{block.super}}
{% endblock %}

{% block body %}
{{block.super}}
<ul class="floatlist" id="medias_groupe">
    <li class="li_h2">
        <h2>{% trans 'Groups' %}</h2>
    </li>
    {% for g in group_list %}
    <li class="li_media">
        <a href="{% url 'ldt.ldt_utils.views.front.group_info' g.id %}">{% thumbnail g.get_profile.image "134x75" format="PNG" crop="center" as im %}<img src="{{ im.url }}" class="img_media" width="{{ im.width }}" height="{{ im.height }}" alt="{% trans 'See this group' %}" title="{% trans 'See this group' %}">{% endthumbnail %}</a>
        <p><a href="{% url 'ldt.ldt_utils.views.front.group_info' g.id %}" title="{% trans 'See this group' %}"><b>{% if g.name|length > 69 %}{{g.name|slice:":69"}}...{% else %}{{g.name}}{% endif %}</b></a></p>
    </li>
    {% endfor %}
</ul>

{% endblock %}

