--- /dev/null
+{% load thumbnail %}
+{% if cell.topik %}
+<div class="topikcellcontent topik-{{cell.slug}}">
+<a class="block cf" href="{{cell.topik.page.get_online_url}}">
+<span class="logo">
+{% if cell.slug == "large" %}
+{% thumbnail cell.topik.image "800x450" crop="50% 25%" as im %}
+<div class="logo">
+<img class="normal" src="{{im.url}}"/>
+</div>
+{% endthumbnail %}
+{% else %}
+{% thumbnail cell.topik.image "480x320" crop="50% 25%" as im %}
+<div class="logo">
+<img class="normal" src="{{im.url}}"/>
+</div>
+{% endthumbnail %}
+{% endif %}
+</span>
+<div>
+ {% if cell.slug == "large" %}
+ <h2>{{cell.topik.page.title}}</h2>
+ {% else %}
+ <h5>{{cell.topik.page.title}}</h5>
+ {% endif %}
+ <div class="description">
+ {% if cell.slug == "large" %}
+ {{cell.text|safe}}
+ {% else %}
+ {{cell.text|safe|striptags|truncatewords:75}}
+ {% endif %}
+ </div>
+</div>
+</a>
+</div>
+{% endif %}