panikweb_esperanzah/templates/home.html

   1 {% extends "base.html" %}
   2 {% load paniktags static i18n thumbnail %}
   3 {% block bodyID %}Home{% endblock %}
   4 {% block htmltitle %}{{ radio_long_name }}{% endblock %}
   5
   6 {% block head %}
   7   {{ block.super }}
   8   <script type="application/ld+json">
   9     {
  10       "@context": "http://schema.org",
  11       "@type": "Organization",
  12       "url": "https://radio.esperanzah.be",
  13       "name" : "Radio Esperanzah!"
  14     }
  15   </script>
  16 {% endblock %}
  17
  18 {% block main %}
  19
  20   <div class="" id="specialHome">
  21     <div>
  22
  23       {% if newsitems %}
  24         <div id="actu">
  25           <h2>{{newsitems.0.title}}</h2>
  26           <div>{{newsitems.0.text|safe}}</div>
  27         </div>
  28       {% endif %}
  29
  30
  31       <div>
  32         {% spaceless %}
  33
  34         <!-- {% cycle 'style1' 'style2' 'style3' as tilestyle %} -->
  35
  36           {% for page in extra_pages_start %}
  37             {% include "includes/page-tile.html" with tilestyle=tilestyle %}
  38             <!-- {% cycle tilestyle %} -->
  39           {% endfor %}
  40
  41           {% for emission in emissions %}
  42             <div class="emission-tile {% if emission.has_focus %}emission-focus{% endif %}">
  43               <a href="{% url 'emission-view' slug=emission.slug %}">
  44                 <div class="image {{ tilestyle }}">
  45                   <div class="img">
  46                     {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
  47                       <img alt="" loading="lazy" src="{{im.url}}">
  48                     {% empty %}
  49                       <img alt="" class="empty" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==">
  50                     {% endthumbnail %}
  51                   </div>
  52                 </div>
  53                 <div class="name"><span>{{emission.title}}</span></div>
  54               </a>
  55               <div class="tags">
  56                 {% if emission.subtitle %}<span>{{ emission.subtitle }}</span>
  57                 {% elif emission.has_focus %}<span>#podcast</span>{% endif %}
  58                 {% for schedule in emission.schedule_set.all %}
  59                   {% if forloop.first and forloop.last %}#{{schedule.datetime|date:"l"}}{% endif %}
  60                 {% endfor %}
  61               <!-- &nbsp;<span>#espe{{emission.creation_timestamp|date:"Y"}}</span> -->
  62               </div>
  63             </div>
  64             <!-- {% cycle tilestyle %} -->
  65           {% endfor %}
  66
  67           {% for page in extra_pages_end %}
  68             {% include "includes/page-tile.html" %}
  69             <!-- {% cycle tilestyle %} -->
  70           {% endfor %}
  71         {% endspaceless %}
  72       </div>
  73
  74     </div>
  75   </div>
  76
  77 {% endblock %}