1 {% extends "base.html" %}
2 {% load paniktags staticfiles soundfiles thumbnail %}
3 {% block title %}{{ episode.title }} - {{ episode.emission.title }} {% endblock %}
6 <meta property="og:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
7 <meta name="twitter:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
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 }}" />
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' %}" />
21 {% if episode.subtitle %}
22 <meta property="og:description" content="{{ episode.subtitle }}" />
23 <meta name="twitter:description" content="{{ episode.subtitle }}" />
25 <meta property="og:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
26 <meta name="twitter:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
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"/>
40 <div class="emission emission-detail emission-episode">
41 <a id="back-home" href="{% url 'emission-view' slug=episode.emission.slug %}">{{episode.emission.title}}</a>
42 <div class="name"><h2>{{episode.title}}</h2></div>
44 <ul class="schedule custom">
45 {% for schedule in diffusions %}
46 <li><span>{{ schedule.datetime|date:"l d F Y à H:i" }}</span></li>
52 <div class="episode-info">
55 {% thumbnail episode.image "450x450" crop="50% 50%" as im %}
56 <img src="{{im.url}}">
58 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
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>
71 {% if episode.main_sound %}
73 {% audio sound=episode.main_sound %}
78 {% if parts|length > 1 %}
79 <div class="more-text">
88 {% if episode.emission.slug == 'detour-vers-le-futur' %}
89 {% include "includes/detour-vers-le-footer.html" %}