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 </p>
  17
  18     <div class="leftPart">
  19       <div class="soundfiles">
  20         <h5 class="sectionLabel focus-title">Focus</h5>
  21
  22         <ul class="custom columns cf padded">
  23         {% for soundfile in focus %}
  24           <li class="soundfile frontpage">
  25             <div class="content content-inline cf special">
  26               <a class="block cf" href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">
  27                 <div class="label labels absolute">
  28                   <span class="item inBlock">{{ soundfile.format.title }}</span>
  29                 </div>
  30                 <div class="logo">
  31                   {% if soundfile.episode.image %}
  32                   <img class="normal" src="{{ soundfile.episode.image|thumbnail:'480x320' }}"/>
  33                   {% elif soundfile.episode.emission.image %}
  34                   <img class="normal" src="{{ soundfile.episode.emission.image|thumbnail:'480x320' }}"/>
  35                   {% else %}
  36                   <img class="normal" src="{% static "img/sound.png" %}"/>
  37                   {% endif %}
  38                 </div>
  39                 <div class="content">
  40                   {% if soundfile.fragment and soundfile.title %}
  41                   <h5 class="title">{{ soundfile.title }}</h5>
  42                   {% endif %}
  43                   <h5 class="title">{{ soundfile.episode.title }}</h5>
  44                   <h5 class="title">{{ soundfile.episode.emission.title }}</h5>
  45                   <div class="description">
  46                     {{ soundfile.episode.text|safe|striptags|truncatewords:75}}
  47                   </div>
  48                   {% if soundfile.first_diffusion %}
  49                     <div class="smooth">{{ soundfile.first_diffusion|date:"d/m/Y" }}</div>
  50                   {% endif %}
  51                 </div>
  52               </a>
  53               {% audio sound=soundfile %}
  54             </div>
  55           </li>
  56         {% endfor %}
  57         </ul>
  58       </div>
  59     </div>
  60     <div class="rightPart">
  61       <div class="sub">
  62         <h5 class="sectionLabel right">
  63           <a href="{% url 'listenArchives' %}"><span class="iconLabel">Tous</span></a>
  64         </h5>
  65         <h5 class="sectionLabel">Derniers sons&nbsp;<a
  66                         class="button icon-rss inBlock" href="{% url 'podcasts-feed' %}"></a></h5>
  67
  68         <form action="{% url 'listenArchives' %}" id="search-form">
  69                 <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
  70                 <button class="icon-search"></button>
  71         </form>
  72
  73         <ul class="custom list soundfilesList">
  74           {% for soundfile in soundfiles|slice:":20" %}
  75             <li class="item">
  76               {% soundfile_resume soundfile=soundfile date=soundfile.first_diffusion %}
  77             </li>
  78           {% endfor %}
  79         </ul>
  80       </div>
  81     </div>
  82   </div>
  83 </div>
  84 {% endblock %}