--- /dev/null
+{% load thumbnail %}
+{% if cell.title %}<h3>{{ cell.title }}</h3>{% endif %}
+<div class="gallery" id="gallery-{{cell.id}}">
+{% for image in cell.image_set.all %}
+ {% if forloop.first %}
+<div class="first" style="display: none;">
+<img src="#"/>
+<span class="gallery-legend"></span>
+</div>
+<div>
+ {% endif %}
+{% thumbnail image.image "200x100" crop="50% 25%" as im %}
+{% if cell.slug == 'portrait' %}
+{% thumbnail image.image "480x640" crop="50% 25%" as im_large %}
+<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
+ class="portrait" {% if image.title %} title="{{image.title}}" {% endif %}/></span>
+{% endthumbnail %}
+{% else %}
+{% thumbnail image.image "640x480" crop="50% 25%" as im_large %}
+<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
+ {% if image.title %} title="{{image.title}}" {% endif %}/></span>
+{% endthumbnail %}
+
+{% endif %}
+{% endthumbnail %}
+{% endfor %}
+</div>
+</div>