file-view.html
HTML document, ASCII text
1<x-hbox style="align-items: center;"> 2<h1 style="display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden;" title="{{ basename }}"><iconify-icon icon="{{ icon }}"></iconify-icon> {{ basename }}</h1> 3<div class="flexible-space"></div> 4<x-buttonbox> 5<a href="{{ file }}" class="button">View raw</a> 6<a href="{{ file }}" download class="button">Download</a> 7</x-buttonbox> 8</x-hbox> 9{{ mimetype }} • {{ size[0] }} {{ size[1] }} 10 11{% if mode == "text" %} 12<pre>{{ contents }}</pre> 13{% elif mode == "image" %} 14<img src="{{ file }}"> 15{% elif mode == "audio" %} 16<audio controls src="{{ file }}" style="width: 100%;"> 17Your browser does not support HTML5 multimedia. 18<a href="{{ file }}">Download file</a> 19</audio> 20{% elif mode == "video" %} 21<video controls src="{{ file }}" style="width: 100%;"> 22Your browser does not support HTML5 multimedia. 23<a href="{{ file }}">Download file</a> 24</video> 25{% endif %}