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-300x300-2020-solid.png' %}" />
  16 <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-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                         <img alt="" class="empty" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
  59                         {% endthumbnail %}
  60                         </div>
  61                 </div>
  62
  63                 <div class="emission-text">
  64                   <div>{{ emission.text|safe}}</div>
  65                   {% if emission.slug == 'detour-vers-le-futur' %}
  66                   <div id="subscribe-links">
  67                     <ul>
  68                       <li><a href="{{site_url}}{% url 'emission-podcasts' slug=emission.slug %}" class="rss">RSS</a></li>
  69                       <li><a href="https://open.spotify.com/show/0AdCIyg24wKklByW4abBKg">Spotify</a></li>
  70                       <li><a href="https://www.deezer.com/fr/show/2835952">Deezer</a></li>
  71                       <li><a href="https://pca.st/eht3df8c">Pocket Casts</a></li>
  72                       <li><a href="{{site_url|as_itpc}}{% url 'emission-podcasts' slug=emission.slug %}" class="itunes">iTunes</a></li>
  73                     </ul>
  74                   </div>
  75                   {% endif %}
  76
  77                   {% for episode in all_episodes %}
  78                   {% if episode.slug|slice:":9" == "integrale" and episode.main_sound %}
  79                   <div class="sound">
  80                           {% audio sound=episode.main_sound %}
  81                   </div>
  82                   {% endif %}
  83                   {% endfor %}
  84                 </div>
  85
  86         </div>
  87         <div class="emission-episodes">
  88                 {% for episode in all_episodes %}
  89                 {% if episode.slug|slice:":9" != "integrale" %}
  90                 <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
  91                         <div class="image">
  92                                 <div class="img">
  93                                 {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
  94                                 <img alt="" loading="lazy" src="{{im.url}}">
  95                                 {% empty %}
  96                                 <img alt="" class="empty" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="240" width="240">
  97                                 {% endthumbnail %}
  98                                 </div>
  99                         </div>
 100                         <div class="name"><span>{{ episode.title }}</span></div>
 101                         <div class="time"><span>
 102                                         {{ episode.first_diffusion|date:"l" }}
 103                                         {{ episode.first_diffusion|date:"d/m" }}</span></div>
 104                 </a>
 105                 {% endif %}
 106                 {% endfor %}
 107         </div>
 108
 109 </div>
 110
 111 {% if emission.slug == 'detour-vers-le-futur' %}
 112 {% include "includes/detour-vers-le-footer.html" %}
 113 {% endif %}
 114
 115 {% endblock %}