{{template "head.tmpl" "Dropbox"}}
<div class="upload space-y-8 px-6 my-8">

	<h1 class="my-4 text-4xl font-bold text-center">Drop a file</h1>

	<section>
		<div class="drop-area"></div>
		<div class="status-area"></div>
	</section>

	<section class="space-y-4">
		<div class="flex items-center">
			<h4 class="my-2 flex-1 text-xl font-bold">File upload history</h4>
			<span>
				<button
					class="log-clear px-6 py-2 rounded-md bg-yellow-600 text-white hover:bg-yellow-700 focus:ring-2 focus:ring-offset-2 focus:ring-yellow-600">
					Clear
				</button>
			</span>
		</div>
		<div class="log-area"></div>
	</section>

</div>
{{template "foot.tmpl"}}