]> git.0d.be Git - panikweb.git/blob - panikweb/templates/episodes/inline.html
align sound icons with episode title (also in emission/episode sidebar)
[panikweb.git] / panikweb / templates / episodes / inline.html
1 {% load thumbnail paniktags staticfiles %}
2 <div class="episode inline episode-inline">
3         <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
4         <div class="logo">
5                 {% if episode.image %}
6                         {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
7                         <img src="{{im.url}}"/>
8                         {% endthumbnail %}
9                 {% elif episode.emission.image %}
10                         {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
11                         <img src="{{im.url}}"/>
12                         {% endthumbnail %}
13                 {% else %}
14                         <img class="smooth"  style="width:60px;" src="{% static "img/emission.png" %}"/>
15                 {% endif %}
16         </div>
17         </a>
18         <div class="content">
19                 <div class="title">
20                 <div class="smooth">diffusion le {{ episode.first_diffusion|date:"d/m/Y" }}</div>
21                         <div class="title-and-audio">
22                         <strong class="title">
23                                 <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
24                         </strong>
25                         {% if episode.main_sound %}
26                                 <div class="sound small">{% audio sound=episode.main_sound %}</div>
27                         {% endif %}
28                         </div>
29                 </div>
30                         {% if episode.subtitle %}
31                                 <div class="description ellipsis">
32                                         {{ episode.subtitle|truncatewords:20}}
33                                 </div>
34                         {% elif episode.text %}
35                                 <div class="description ellipsis">
36                                         {{ episode.text|safe|striptags|truncatewords:20}}
37                                 </div>
38                         {% endif %}
39         </div>
40 </div>