panikweb_esperanzah/templates/emissions/episode_detail.html

   1 {% extends "base.html" %}
   2 {% load paniktags static soundfiles thumbnail %}
   3 {% block title %}{{ episode.title }} - {{ episode.emission.title }} {% endblock %}
   4
   5 {% block head %}
   6   <meta property="og:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
   7   <meta name="twitter:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
   8   {% if episode.image %}
   9     <meta name="twitter:card" content="summary_large_image">
  10     <meta property="og:image" content="{{ site_url }}{{ episode.image.url }}" />
  11     <meta name="twitter:image" content="{{ site_url }}{{ episode.image.url }}" />
  12   {% elif episode.emission.image %}
  13     <meta name="twitter:card" content="summary_large_image">
  14     <meta property="og:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
  15     <meta name="twitter:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
  16   {% else %}
  17     <meta name="twitter:card" content="summary">
  18     <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
  19     <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
  20   {% endif %}
  21   {% if episode.subtitle %}
  22     <meta property="og:description" content="{{ episode.subtitle }}" />
  23     <meta name="twitter:description" content="{{ episode.subtitle }}" />
  24   {% else %}
  25     <meta property="og:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
  26     <meta name="twitter:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
  27   {% endif %}
  28   {% if episode.main_sound %}
  29     {% if episode.main_sound|is_format_available:'ogg' %}
  30       <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'ogg' }}"/>
  31       <meta property="og:audio:type" content="audio/ogg"/>
  32     {% elif episode.main_sound|is_format_available:'mp3' %}
  33       <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'mp3' }}"/>
  34       <meta property="og:audio:type" content="audio/mpeg"/>
  35     {% endif %}
  36   {% endif %}
  37 {% endblock %}
  38
  39 {% block main %}
  40   <div class="emission emission-detail emission-episode">
  41     <a id="back-home" href="{% url 'emission-view' slug=episode.emission.slug %}"><span>{{episode.emission.title}}</span></a>
  42     <div class="name"><h2>{{episode.title}}</h2></div>
  43     {% if diffusions %}
  44       <ul class="schedule custom">
  45         {% for schedule in diffusions %}
  46           <li><span>{{ schedule.datetime|date:"l d F Y à H:i" }}</span></li>
  47         {% endfor %}
  48       </ul>
  49     {% endif %}
  50
  51
  52     <div class="episode-info">
  53       <div class="image">
  54         <div class="img">
  55           {% thumbnail episode.image "450x450" crop="50% 50%" as im %}
  56             <img alt="" src="{{im.url}}">
  57           {% empty %}
  58             <img alt="" class="empty" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
  59           {% endthumbnail %}
  60         </div>
  61       </div>
  62       {% with parts=episode.text|safe|hr_split %}
  63         <div class="emission-text episode-text">
  64           <div class="text-part">
  65             {% if episode.subtitle %}
  66               <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
  67             {% endif %}
  68             {{ parts|first|safe}}
  69           </div>
  70
  71           {% if episode.main_sound %}
  72             <div class="sound">
  73               {% audio sound=episode.main_sound %}
  74             </div>
  75           {% endif %}
  76         </div>
  77
  78         {% if parts|length > 1 %}
  79           <div class="more-text">
  80             {{ parts|last|safe }}
  81           </div>
  82         {% endif %}
  83       {% endwith %}
  84     </div>
  85
  86   </div>
  87
  88   {% if episode.emission.slug == 'detour-vers-le-futur' %}
  89     {% include "includes/detour-vers-le-footer.html" %}
  90   {% endif %}
  91
  92 {% endblock %}