--- /dev/null
+{% load thumbnail paniktags staticfiles %}
+<div class="episode soundfile inline cf">
+ <div class="logo">
+ {% if soundfile.episode.image %}
+ {% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
+ <img alt="" width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif soundfile.episode.emission.image %}
+ {% thumbnail soundfile.episode.emission.image "60x60" crop="50% 25%" as im %}
+ <img alt="" width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img alt="" width="60" height="60" src="{% static "img/sound.png" %}"/>
+ {% endif %}
+ <p class="date">
+ {{date|date:"d/m/y"}}
+ </p>
+
+ </div>
+ <div class="content">
+ <div class="sound right">{% audio sound=soundfile %}</div>
+ <div class="title">
+ {% if soundfile.fragment %}
+ <h5 class="title">
+ <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.title }}</a>
+ </h5>
+ {% endif %}
+ <h5 class="title {% if model == "inline" %}ellipsis{% endif %}">
+ <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a>
+ </h5>
+ <div class="smooth metas">
+ {% if soundfile.format %}
+ <span class="categories">
+ <span class="category">{{ soundfile.format.title }}</span>
+ </span>
+ {% endif %}
+ <h5 class="title inBlock">
+ <a href="{% url 'emission-view' slug=soundfile.episode.emission.slug %}">{{ soundfile.episode.emission.title }}</a>
+ </h5>
+ </div>
+ </div>
+
+ {% if soundfile.episode.subtitle %}
+ <div class="description ellipsis">
+ {{ soundfile.episode.subtitle|truncatewords:20}}
+ </div>
+ {% endif %}
+ </div>
+</div>