thumbnails4col.html

<p><h1>{{ title }}</h1></p>

{% if generated_by is not none %}
<p><strong>Story By:</strong> {{ generated_by }}</p>
{% endif %}

{% if collection_url is not none %}
<p><strong>Collection URL:</strong> <a href="{{ collection_url }}">{{ collection_url }}</a></p>
{% endif %}

<hr>

<table border="0">
<tr>
{% for element in elements %}

{% if element.type == 'link' %}

    <td><a href="{{ element.surrogate.urim }}"><img src="{{ element.surrogate.thumbnail|prefer remove_banner=yes }}"></a></td>

    {% if loop.index is divisibleby 4 %}
        </tr><tr>
    {% endif %}

{% else %}

<!-- Element type {{ element.type }} is unsupported by the thumbnails4col template -->

{% endif %}

{% endfor %}
</table>

<hr />
<div style="text-align: right">
Story visualized with the help of <a href="https://github.com/oduwsdl/raintale">Raintale</a> 
<img src="data:image/png;base64,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" alt="Raintale Logo" />
</div>