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<br> 11{{ detailedtype }} 12 13{% if mode == "text" %} 14<pre>{{ contents }}</pre> 15{% elif mode == "image" %} 16<img src="{{ file }}"> 17{% elif mode == "audio" %} 18<audio controls src="{{ file }}" style="width: 100%;"> 19Your browser does not support HTML5 multimedia. 20<a href="{{ file }}">Download file</a> 21</audio> 22{% elif mode == "video" %} 23<video controls src="{{ file }}" style="width: 100%;"> 24Your browser does not support HTML5 multimedia. 25<a href="{{ file }}">Download file</a> 26</video> 27{% endif %}