panikweb_esperanzah/templates/archives.html

   1 {% extends "base.html" %}
   2 {% load thumbnail %}
   3
   4 {% block title %}Archives{% endblock %}
   5
   6 {% block toptitle %}
   7 {% endblock %}
   8
   9 {% block main %}
  10 <h2 class="top">Archives de la radio</h1>
  11
  12 {% regroup diffusions by datetime|date:"Y" as diffusions_by_year %}
  13 {% for diffusion_group in diffusions_by_year %}
  14 <h3 class="archives" id="archive-{{diffusion_group.grouper}}">
  15         {% if diffusion_group.grouper == "2019" %}2019 c’était super !
  16         {% elif diffusion_group.grouper == "2018" %}L'énergie de 2018 !
  17         {% elif diffusion_group.grouper == "2017" %}Réécoutez 2017 !
  18         {% elif diffusion_group.grouper == "2016" %}Revivez 2016 !
  19         {% elif diffusion_group.grouper == "2015" %}Retournez en 2015 !
  20         {% elif diffusion_group.grouper == "2014" %}Redécouvrez 2014 !
  21         {% elif diffusion_group.grouper == "2013" %}Plongez en 2013 !
  22         {% elif diffusion_group.grouper == "2012" %}Rappelez-vous 2012 !
  23         {% elif diffusion_group.grouper == "2011" %}Rejouez 2011 !
  24         {% elif diffusion_group.grouper == "2010" %}Sautez vers 2010 !
  25         {% else %}{{ diffusion_group.grouper }}{% endif %}</h2>
  26         <div class="archives emission-episodes">
  27 {% for diffusion in diffusion_group.list %}
  28         <a href="{% url 'episode-view' emission_slug=diffusion.episode.emission.slug slug=diffusion.episode.slug %}">
  29                 <div class="image">
  30                         <div class="img">
  31                         {% thumbnail diffusion.episode.image "400x400" crop="50% 50%" as im %}
  32                         <img loading="lazy" src="{{im.url}}">
  33                         {% empty %}
  34                         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="200" width="200">
  35                         {% endthumbnail %}
  36                         </div>
  37                 </div>
  38                 <div class="name"><span>{{ diffusion.episode.title }}</span></div>
  39         </a>
  40 {% endfor %}
  41         </div>
  42 {% endfor %}
  43
  44 <p class="archives-sorry">
  45 Nos archives se terminent ici, les premières années de radio Esperanzah!
  46 sont dans nos cœurs… 💕
  47 </p>
  48
  49 {% endblock %}