59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<link rel="stylesheet" href="/style/sakura.css">
|
|
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
|
<title>{info.filename}</title>
|
|
</head>
|
|
<body>
|
|
<h1>{info.filename}</h1>
|
|
{#if info.filename ne '/'}
|
|
<a href="{info.directUrl}.."><i class="las la-chevron-left"></i></a>
|
|
{#else}
|
|
|
|
{/if}
|
|
<span style="float:right;">
|
|
{#if info.playlist}
|
|
<a href="{info.playlist.publicApiUrl}"><i class="las la-file-video"></i></a>
|
|
{/if}
|
|
<a href="{info.viewUrl}"><i class="las la-book-reader"></i></a>
|
|
{#if username and user_url}
|
|
| <a href="{user_url}" target="_blank">{username}<i class="las la-user-cog"></i></a>
|
|
{/if}
|
|
</span>
|
|
<hr />
|
|
<table style="table-layout: fixed; text-align: center">
|
|
{#each info.content}
|
|
{#if it_count.mod(3) == 1}
|
|
<tr>
|
|
{/if}
|
|
<td>
|
|
{#if it.thumbnailUrl}
|
|
{#if it.type is 'file'}
|
|
{#if it.viewUrl}
|
|
<a href="{it.viewUrl}">
|
|
{#else}
|
|
<a href="{it.publicApiUrl}">
|
|
{/if}
|
|
{#else}
|
|
<a href="{it.directUrl}">
|
|
{/if}<img src="{it.thumbnailUrl}" loading="lazy" /></a><br />
|
|
{/if}
|
|
{#if it.type is 'file'}
|
|
<a href="{it.publicApiUrl}">
|
|
{#else}
|
|
<a href="{it.directUrl}">
|
|
{/if}{it.filename}</a>
|
|
</td>
|
|
{#if it_count.mod(3) == 0}
|
|
</tr>
|
|
{/if}
|
|
{/each}
|
|
</table>
|
|
<hr />
|
|
</body>
|
|
</html>
|
|
|