panikweb_templates/templates/emissions/episode_detail.html

   1 {% extends "base.html" %}
   2 {% load paniktags staticfiles 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/logo-esperanzah.png' %}" />
  19 <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-rose.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 <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'ogg' }}"/>
  30 <meta property="og:audio:type" content="audio/ogg"/>
  31 {% endif %}
  32 {% endblock %}
  33
  34 {% block main %}
  35 <div class="emission emission-detail">
  36         <a href="{% url 'emission-view' slug=emission.slug %}">
  37         <div class="emission-tile">
  38                 <div class="image">
  39                         {% thumbnail emission.image "400x400" crop="50% 50%" as im %}
  40                         <img src="{{im.url}}">
  41                         {% endthumbnail %}
  42                 </div>
  43                 <div class="name"><span>{{emission.title}}</span></div>
  44         </div>
  45         </a>
  46
  47         <div class="emission-tile">
  48                 <div class="image">
  49                         {% thumbnail episode.image "400x400" crop="50% 50%" as im %}
  50                         <img src="{{im.url}}">
  51                         {% endthumbnail %}
  52                 </div>
  53                 <div class="name"><span>{{episode.title}}</span></div>
  54         </div>
  55
  56         <div class="episode-info">
  57
  58                 {% if episode.subtitle %}
  59                 <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
  60                 {% endif %}
  61                 <ul class="schedule custom">
  62                         {% for schedule in diffusions %}
  63                                 <li><span class="date">{{ schedule.datetime|date:"l d F Y à H:i" }}</span></li>
  64                         {% endfor %}
  65                 </ul>
  66         <div class="emission-text">
  67                 {{ episode.text|safe}}
  68         </div>
  69
  70         {% if episode.main_sound %}
  71                 <div class="sound">
  72                         {% audio sound=episode.main_sound %}
  73                 </div>
  74         {% endif %}
  75
  76         {% if soundfiles.count %}
  77         <div class="wrapper extra-soundfiles">
  78                 <h3>Fragments sonores</h3>
  79                 <ul class="padded custom list">
  80         {% for soundfile in soundfiles %}
  81         <li><strong>{{ soundfile.title }}</strong> {% audio sound=soundfile %}
  82         </li>
  83         {% endfor %}
  84                 </ul>
  85         </div>
  86         {% endif %}
  87         </div>
  88
  89 </div>
  90 <a id="back-home" href="/">Revenir sur la page d'accueil</a>
  91 {% endblock %}