{% extends "layout.html" %}
{% block head %}
{{ super() }}
<title>Imagefault: the terrible image hoster of tomorrow</title>
{% if pagenr != 0 %}
<meta name="robots" content="noindex">
{% endif %}
<meta name="description" content="Imagefault is a terrible image hosting site. But it's *my* terrible image hosting site.">
{% endblock %}
{% block body %}
<div id="container">
	<div class="upload">
		<form action="/upload" method="post" enctype="multipart/form-data">
			<input type="file" id="selectedFile" name="upload" style="display: none;" onchange="this.form.submit()" />
			<input type="button" value="Upload" onclick="document.getElementById('selectedFile').click();" class="myButton" />
		</form>
	</div>
	{% for filename in filenames %}
	<a href="/{{ filename }}"><img class="thumbnail" src={{ "/thumbs/" + filename }} /></a>
	{% endfor %}
	<div id="ftr">
	{% if pagenr == 0 %}
	<a href="/page/1">next</a>
	{% elif pagenr == 1 %}
	<a href="/">prev</a><a href="/page/2">next</a>
	{% else %}
	<a href="/page/{{ pagenr - 1 }}">prev</a><a href="/page/{{ pagenr + 1 }}">next</a>
	{% endif %}
	</div>
</div>
{% endblock %}