mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-14 08:26:22 +00:00
2a78fee990
Better thumbnail view. I should really do something about the fact that I literally have to update the query string on every updates. Sheesh.
81 lines
3.4 KiB
Handlebars
81 lines
3.4 KiB
Handlebars
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
|
|
<meta name="keywords" content="upload,lolisafe,file,images,hosting,bobby,fiery">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>{{ title }}</title>
|
|
|
|
<!-- Stylesheets and scripts -->
|
|
<link rel="stylesheet" type="text/css" href="../libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
|
|
<link rel="stylesheet" type="text/css" href="../css/style.css?v=29qSkTNt9U">
|
|
<script type="text/javascript" src="../libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
|
|
<script type="text/javascript" src="../libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>
|
|
|
|
<!-- Open Graph tags -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="{{ title }} | {{ count }} files" />
|
|
<meta property="og:url" content="https://safe.fiery.me/" />
|
|
<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
|
|
<meta property="og:image" content="{{ thumb }}" />
|
|
<meta property="og:locale" content="en_US" />
|
|
|
|
<!-- Twitter Card tags -->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="{{ title }} | {{ count }} files">
|
|
<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
|
|
<meta name="twitter:image" content="{{ thumb }}">
|
|
|
|
<!-- Icons and configs -->
|
|
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/32pxr.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/96pxr.png" sizes="96x96">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/120px.png" sizes="120x120">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/152px.png" sizes="152x152">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/167px.png" sizes="167x167">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/180px.png" sizes="180x180">
|
|
<link rel="manifest" href="https://safe.fiery.me/icons/manifest.json?v=V2RnA3Mwhh">
|
|
<meta name="apple-mobile-web-app-title" content="safe.fiery.me">
|
|
<meta name="application-name" content="safe.fiery.me">
|
|
<meta name="msapplication-config" content="https://safe.fiery.me/icons/browserconfig.xml?v=V2RnA3Mwhh">
|
|
<meta name="theme-color" content="#232629">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<section class="hero is-fullheight">
|
|
<div class="hero-head">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-9">
|
|
<h1 class="title" id='title' style='margin-top: 1.5rem;'>{{ title }}</h1>
|
|
<h1 class="subtitle" id='count'>{{ count }} files</h1>
|
|
</div>
|
|
<div class="column is-3" style="text-align: right; padding-top: 45px;">
|
|
{{#if enableDownload}}
|
|
<a class="button is-primary is-outlined" title="Download album" href="../api/album/zip/{{ identifier }}">Download Album</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
</div>
|
|
<div class="hero-body">
|
|
<div class="container" id='container'>
|
|
<div class="columns is-multiline is-mobile" id="table">
|
|
{{#each files}}
|
|
<div class="column is-2">
|
|
<a href="{{ this.file }}" target="_blank">{{{ this.thumb }}}</a>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|