{% extends "layout.jinja2" %}

{% block content %}

	<br />
	<div class="pictures">
		{% for item in images_list %}
		<div class="item">
			<div class="item_description"><span>{{ item[1] }}</span></div>
			<img src="{{ item[0] }}" alt="" /></div>
		{% endfor %}
	</div>

	<script src="{{ request.static_url('cao_blogr:static/js/jquery-tjgallery.min.js')}}"></script>
	<script>
		// waiting for loading page
		$(window).on('load', function(){
			$('.pictures').tjGallery({
				selector: '.item',
				margin: 10
			});
			$('.pictures').tjGallery({
				row_min_height: 180
			});
		})
	</script>

{% endblock %}