{% load combo paniktags thumbnail %}
<li class="item">
  <div class="topik inline cf">
    <a class="block cf topik-link" href="{{page.get_online_url}}">
    <div class="logo">
      {% with page|image_file as logo %}
        {% if logo %}
          {% thumbnail logo "60x60" crop="50% 25%" as im %}
          <img width="60" height="60" src="{{im.url}}"/>
          {% endthumbnail %}
        {% elif page.picture %}
          {% thumbnail page.picture "60x60" crop="50% 25%" as im %}
          <img width="60" height="60" src="{{im.url}}"/>
          {% endthumbnail %}
        {% else %}
          <img src="/static/img/sound.png" width="60" height="60">
        {% endif %}
      {% endwith %}
    </div>
    <div class="content">
      <div class="title">
        <h5 class="title">{{page.title}}</h5>
      </div>
      <div class="smooth metas">
        <span class="categories">{{category}}</span>
      </div>
    </div>
    </a>
  </div>
</li>