mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-15 08:56:21 +00:00
9e069f5a9a
* Added "create new album" button at homepage uploader. Due to this, albums list will always be shown even when you don't have any albums (and of course the list will be empty). Preview: https://i.fiery.me/ITQ5.mp4 (ignore the fact that the prompt says "Edit album", it's been fixed before this commit goes live) * Refactored various bits of the codes to use async/await instead of Promise.then. This will obviously cause the browser's requirement to raise but hell, it's the modern browsers age. * Various other code improvements.
88 lines
3.3 KiB
Plaintext
88 lines
3.3 KiB
Plaintext
{% extends "_layout.njk" %}
|
|
|
|
{% block stylesheets %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v={{ globals.v1 }}">
|
|
<link rel="stylesheet" type="text/css" href="css/sweetalert.css?v={{ globals.v1 }}">
|
|
<link rel="stylesheet" type="text/css" href="css/home.css?v={{ globals.v1 }}">
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super() }}
|
|
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/dropzone/dropzone.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/axios/axios.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/lazyload/lazyload.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="js/home.js?v={{ globals.v1 }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{{ super() }}
|
|
<section class="hero is-fullheight has-text-centered" id="home">
|
|
<div class="hero-body section">
|
|
<div class="container">
|
|
<p id="b">
|
|
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
|
|
</p>
|
|
<h1 class="title">{{ globals.name }}</h1>
|
|
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
|
|
|
|
<h3 class="subtitle" id="maxFileSize"></h3>
|
|
|
|
<div class="columns is-gapless">
|
|
<div class="column is-hidden-mobile"></div>
|
|
<div id="uploadContainer" class="column">
|
|
<a id="loginToUpload" class="button is-danger is-loading" style="display: flex"></a>
|
|
<div id="albumDiv" class="field has-addons" style="display: none">
|
|
<div class="control is-expanded">
|
|
<div class="select is-fullwidth">
|
|
<select id="albumSelect"></select>
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<a class="button is-breeze" title="Create new album" onclick="page.createAlbum()">
|
|
<i class="icon-plus"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column is-hidden-mobile"></div>
|
|
</div>
|
|
|
|
<div id="uploads">
|
|
<div id="template" class="columns is-gapless">
|
|
<div class="column is-hidden-mobile"></div>
|
|
<div class="column">
|
|
<progress class="progress is-small is-danger" value="0" max="100"></progress>
|
|
<img class="is-unselectable">
|
|
<p class="name is-unselectable"></p>
|
|
<p class="error"></p>
|
|
<p class="link">
|
|
<a target="_blank" rel="noopener"></a>
|
|
</p>
|
|
<p class="clipboard-mobile is-hidden-desktop" style="display: none">
|
|
<a class="button is-info is-outlined clipboard-js" style="display: flex">
|
|
<span class="icon">
|
|
<i class="icon-clipboard-1"></i>
|
|
</span>
|
|
<span>Copy link to clipboard</span>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="column is-hidden-mobile"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3 class="subtitle">
|
|
<a href="auth" id="loginLinkText"></a>
|
|
</h3>
|
|
|
|
{% include "_partial/links.njk" %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% include "_partial/noscript.njk" %}
|
|
{% endblock %}
|