panikweb_esperanzah/templates/emissions/emission_detail.html

   1 {% extends "base.html" %}
   2 {% load paniktags static i18n thumbnail %}
   3 {% block bodyID %}Emissions{% endblock %}
   4 {% block title %}{{ emission.title }}{% endblock %}
   5
   6 {% block head %}
   7   <meta property="og:title" content="{{ emission.title }}" />
   8   <meta name="twitter:title" content="{{ emission.title }}" />
   9   {% if emission.image %}
  10     <meta name="twitter:card" content="summary_large_image">
  11     <meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
  12     <meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
  13   {% else %}
  14     <meta name="twitter:card" content="summary">
  15     <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
  16     <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
  17   {% endif %}
  18   {% if emission.subtitle %}
  19     <meta property="og:description" content="{{ emission.subtitle }}" />
  20     <meta name="twitter:description" content="{{ emission.subtitle }}" />
  21   {% else %}
  22     <meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
  23     <meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
  24   {% endif %}
  25 {% endblock %}
  26
  27 {% block podcasts-feed %}
  28   <link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
  29 {% endblock %}
  30
  31 {% block toptitle %}
  32 {% endblock %}
  33
  34 {% block main %}
  35   <div class="emission emission-detail">
  36     <a id="back-home" href="/"><span>Accueil</span></a>
  37     <div class="name"><h2>{{emission.title}}</h2></div>
  38     {% if schedules %}
  39       <ul class="schedule custom">
  40         {% for schedule in schedules %}
  41           <li>
  42             <span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
  43             {% if schedule.weeks_string %}
  44               <span class="weekdiff">({{ schedule.weeks_string }})</span>
  45             {% endif %}
  46             {% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
  47             {% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
  48           </li>
  49         {% endfor %}
  50       </ul>
  51     {% endif %}
  52     <div class="emission-info episode-info">
  53       <div class="image">
  54         <div class="img">
  55           {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
  56             <img alt="" src="{{im.url}}">
  57           {% empty %}
  58           {% endthumbnail %}
  59         </div>
  60       </div>
  61
  62       <div class="emission-text">
  63         <div>{{ emission.text|safe}}</div>
  64         {% if emission.slug == 'detour-vers-le-futur' %}
  65           <div id="subscribe-links">
  66             <ul>
  67               <li><a href="{{site_url}}{% url 'emission-podcasts' slug=emission.slug %}" class="rss">RSS</a></li>
  68               <li><a href="https://open.spotify.com/show/0AdCIyg24wKklByW4abBKg">Spotify</a></li>
  69               <li><a href="https://www.deezer.com/fr/show/2835952">Deezer</a></li>
  70               <li><a href="https://pca.st/eht3df8c">Pocket Casts</a></li>
  71               <li><a href="{{site_url|as_itpc}}{% url 'emission-podcasts' slug=emission.slug %}" class="itunes">iTunes</a></li>
  72             </ul>
  73           </div>
  74         {% endif %}
  75
  76         {% for episode in all_episodes %}
  77           {% if episode.slug|slice:":9" == "integrale" and episode.main_sound %}
  78             <div class="sound">
  79               {% audio sound=episode.main_sound %}
  80             </div>
  81           {% endif %}
  82         {% endfor %}
  83       </div>
  84
  85     </div>
  86     <div class="emission-episodes">
  87       {% for episode in all_episodes %}
  88         {% if episode.slug|slice:":9" != "integrale" %}
  89           <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
  90             <div class="image  {% cycle 'style1' 'style2' 'style3' %}">
  91               <div class="img">
  92                 {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
  93                   <img alt="" loading="lazy" src="{{im.url}}">
  94                 {% empty %}
  95                 {% endthumbnail %}
  96               </div>
  97             </div>
  98             <div class="name"><span>{{ episode.title }}</span></div>
  99             <div class="time"><span>
 100               {{ episode.first_diffusion|date:"l" }}
 101               {{ episode.first_diffusion|date:"d/m" }}</span></div>
 102           </a>
 103         {% endif %}
 104       {% endfor %}
 105     </div>
 106
 107   </div>
 108
 109   {% if emission.slug == 'detour-vers-le-futur' %}
 110     {% include "includes/detour-vers-le-footer.html" %}
 111   {% endif %}
 112
 113 {% endblock %}