{% extends "base.html" %}
{% block content %}
<p>You have {{ files|length() }} uploaded images totaling {{ total_size }}.</p>
{% if files %}
<div class="row">
	{% for file in files %}
	<div class="image-thumbnail">
		<a href="{{ url_for('.file', hash = file.hash, ext = file.ext) }}" title="{{ file.filename }}" class="thumbnail">
			<img class="lazy" data-src="{{ url_for('.thumb', hash = file.hash) }}" alt="{{ file.filename }}">
			<noscript><img src="{{ url_for('.thumb', hash = file.hash) }}" alt="{{ file.filename }}"></noscript>
		</a>
	</div>
	{% endfor %}
</div>
{% else %}
<div><em>(No image uploads yet.)</em></div>
{% endif %}
{% endblock %}
{% block scripts %}
<script>
$(document).ready(function() {
	$('img.lazy').Lazy({
		onError: function(element) {
			element.attr('src', '{{ url_for('static', filename = 'img/no-thumbnail.png') }}');
		}
	});
});
</script>
{% endblock %}