panikweb_templates/templates/listen.html

   1 {% extends "base.html" %}
   2 {% load paniktags staticfiles thumbnails  %}
   3 {% block title %}Sons{% endblock %}
   4 {% block toptitle %}
   5 <h1 class="top"><a href="{% url 'listen' %}">Sons</a></h1>
   6 {% endblock %}
   7 {% block nav %}
   8 {% endblock %}
   9 {% block main %}
  10
  11 <div class="detail marged soundfiles cf">
  12   <div class="wrapper navigation">
  13
  14 <p class="intro leftPart">
  15 Émissions et fragments sonores à (ré-)écouter, à partager et à télécharger.
  16 Entretien, magazine, interview, pièce sonore, reportage, toutes les formes sont
  17 bonnes à entendre.
  18 </p>
  19
  20     <div class="leftPart">
  21       <div class="soundfiles">
  22         <h5 class="sectionLabel">Focus</h5>
  23
  24         <ul class="custom columns cf padded">
  25         {% for soundfile in focus %}
  26           <li class="soundfile frontpage">
  27             <div class="content content-inline cf special">
  28               <a class="block cf" href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">
  29                 <div class="label labels absolute">
  30                   <span class="item inBlock">{{ soundfile.format.title }}</span>
  31                 </div>
  32                 <div class="logo">
  33                   {% if soundfile.episode.image %}
  34                   <img class="normal" src="{{ soundfile.episode.image|thumbnail:'480x320' }}"/>
  35                   {% elif soundfile.episode.emission.image %}
  36                   <img class="normal" src="{{ soundfile.episode.emission.image|thumbnail:'480x320' }}"/>
  37                   {% else %}
  38                   <img class="normal" src="{% static "img/sound.png" %}"/>
  39                   {% endif %}
  40                 </div>
  41                 <div class="content">
  42                   {% if soundfile.fragment and soundfile.title %}
  43                   <h5 class="title">{{ soundfile.title }}</h5>
  44                   {% endif %}
  45                   <h5 class="title">{{ soundfile.episode.title }}</h5>
  46                   <h5 class="title">{{ soundfile.episode.emission.title }}</h5>
  47                   <div class="description">
  48                     {{ soundfile.episode.text|safe|striptags|truncatewords:75}}
  49                   </div>
  50                   {% if soundfile.first_diffusion %}
  51                     <div class="smooth">{{ soundfile.first_diffusion|date:"d/m/Y" }}</div>
  52                   {% endif %}
  53                 </div>
  54               </a>
  55               {% audio sound=soundfile %}
  56             </div>
  57           </li>
  58         {% endfor %}
  59         </ul>
  60       </div>
  61     </div>
  62     <div class="rightPart">
  63       <div class="sub">
  64         <h5 class="sectionLabel right">
  65           <a href="{% url 'listenArchives' %}"><span class="iconLabel">Tous</span></a>
  66         </h5>
  67         <h5 class="sectionLabel">Derniers sons&nbsp;<a
  68                         class="button icon-rss inBlock" href="{% url 'podcasts-feed' %}"></a></h5>
  69
  70         <form action="{% url 'listenArchives' %}" id="search-form">
  71                 <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
  72                 <button class="icon-search"></button>
  73         </form>
  74
  75         <ul class="custom list soundfilesList">
  76           {% for soundfile in soundfiles|slice:":20" %}
  77             <li class="item">
  78               {% soundfile_resume soundfile=soundfile date=soundfile.first_diffusion %}
  79             </li>
  80           {% endfor %}
  81         </ul>
  82       </div>
  83     </div>
  84   </div>
  85 </div>
  86 {% endblock %}