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