{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
{% if this._path == '/' %} 
	<div class="previews">
	{{ this.body }}

	{% set works = site.get('/works', this.alt) %}
	{% for work in works.children %}
		{% if work.selected %}
			{{work.content.blocks._flowblock}}
			<span class="previews">
				<h1 class="starth1">{{work.title}}</h1>

			{% for item in work.content.blocks %}
				{% if item._flowblock == 'gallery' %}
					{% for i in item.gallery.blocks %}
						{% if i._flowblock == 'picture' %}
							{% set img = work.attachments.images.get(i.url) %}
							{% set r = (range(200, 300) | random) %}
<!--
				<a class="preview" href="{{work|url}}" style="z-index: {{(range(0, 50) | random)}}; position: fixed; left: calc({{range(2, 80) | random }}vW - {{0}}px); top: {{range(2, 80) | random }}vh;">
-->
				<a class="preview" href="{{work|url}}" style="">
					<img src="{{ img.thumbnail(r)|url }}" alt="{{ this.caption }}"/>
				</a>
						{% endif %}
					{% endfor %}
				{% endif %}
			{% endfor %}
			</span>
		{% endif %}
	{% endfor %}  
	</div>
{% else %}
<div class="page">
	<div class="pageinner">
		{{this.body}}
	</div>
</div>
{% endif %}

{% endblock %}