panikweb_templates/templates/episodes/inline.html

   1 {% load thumbnails %}
   2 <div class="episode episode-inline inline cf">
   3         <div class="date dateBloc left">
   4                 <span class="day">
   5                     {{ episode.first_diffusion|date:"D"|slice:":2"}}
   6                 </span>
   7                 <span class="number">
   8                     {{ episode.first_diffusion|date:"d" }}
   9                 </span>
  10                 {% if date != "daytime" %}
  11                 <div class="month">
  12                     {{ episode.first_diffusion|date:"M Y" }}
  13                 </div>
  14                 {% endif %}
  15                 <span class="time">
  16                     {{ episode.first_diffusion|date:"H:i" }}
  17                 </span>
  18         </div>
  19         <div class="controls todo right">
  20                 <button class="symbol play">A</button><button class="symbol add">B</button>
  21         </div>
  22         <div class="logo right">
  23                 {% if episode.image %}
  24                 <img width="50" height="50" src="{{ episode.image|thumbnail:'50x50' }}"/>
  25                 {% else %}
  26                 <img src="http://placehold.it/50X50" />
  27                 {% endif %}
  28         </div>
  29         <div class="content">
  30                 <a class="block" href="{{ episode.slug }}">
  31                         <h5 class="title ellipsis">{{ episode.title }}</h5>
  32                                 {% if episode.description %}
  33                                         <div class="description ellipsis">
  34                                                 {{ episode.description|safe|striptags }}
  35                                         </div>
  36                                 {% elif episode.text %}
  37                                         <div class="description ellipsis">
  38                                                 {{ episode.text|safe|striptags|truncatewords:20}}
  39                                         </div>
  40                                 {% endif %}
  41                 </a>
  42         </div>
  43 </div>