panikweb_templates/templates/home.html

   1 {% extends "base.html" %}
   2 {% load paniktags staticfiles i18n thumbnail %}
   3 {% block bodyID %}Home{% endblock %}
   4 {% block title %}{% trans 'Home' %}{% 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-2017.esperanzah.be",
  13   "name" : "Radio Esperanzah!"
  14 }
  15 </script>
  16 {% endblock %}
  17
  18 {% block main %}
  19
  20 <div class="" id="specialHome">
  21     <div>
  22             <h1 class="top">Radio Esperanzah! 2017</h1>
  23
  24             {% if newsitems %}
  25               <div id="actu">
  26                       <h2>{{newsitems.0.title}}</h2>
  27                       <div>{{newsitems.0.text|safe}}</div>
  28               </div>
  29             {% endif %}
  30
  31
  32             {% spaceless %}
  33             {% for emission in emissions %}
  34             <a href="{% url 'emission-view' slug=emission.slug %}">
  35             <div class="emission-tile">
  36                     <div class="image">
  37                         {% thumbnail emission.image "400x400" crop="50% 50%" as im %}
  38                         <img src="{{im.url}}">
  39                         {% endthumbnail %}
  40                     </div>
  41                     <div class="name"><span>{{emission.title}}</span></div>
  42             </div>
  43             </a>
  44             {% endfor %}
  45
  46             {% for page in extra_pages %}
  47             <a href="{{page.get_online_url}}">
  48             <div class="emission-tile">
  49                     <div class="image">
  50                         {% thumbnail page.picture "400x400" crop="50% 50%" as im %}
  51                         <img src="{{im.url}}">
  52                         {% endthumbnail %}
  53                     </div>
  54                     <div class="name"><span>{{page.title}}</span></div>
  55             </div>
  56             </a>
  57             {% endfor %}
  58             {% endspaceless %}
  59
  60     </div>
  61 </div>
  62
  63 {% endblock %}