filesafe/views/auth.njk
Bobby Wibowo 8ab77a6464
Updated
Removed version strings from _globals.njk,
in favor of src/versions.json.
That versions in that file can be bumped with "yarn bump-versions".
v1 is automatically bumped when doing "yarn build" as well.

Added README file in src directory, explaining versions.json file.

Added README file in scripts directory, detailing usage of each scripts.

Version strings will no longer be appended when cacheControl is disabled
in config file.
After all, version strings are only needed when the static assets are
cached indefinitely in users' browsers.

Initial Cloudflare's cache purging will no longer be executed when
cloudflare -> purgeCache is disabled, even if cacheControl is enabled.
Just in case someone wants to use version strings for other use cases.

Actually use custom metaDesc variable on meta description tag.
2019-09-19 19:10:37 +07:00

79 lines
2.5 KiB
Plaintext

{% set metaTitle = "Auth" %}
{% set metaUrl = '/auth' %}
{% extends "_layout.njk" %}
{% block stylesheets %}
{{ super() }}
<link rel="stylesheet" href="libs/fontello/fontello.css{{ versions[1] }}">
<link rel="stylesheet" href="css/sweetalert.css{{ versions[1] }}">
{% endblock %}
{% block scripts %}
{{ super() }}
<script src="libs/sweetalert/sweetalert.min.js{{ versions[3] }}"></script>
<script src="libs/axios/axios.min.js{{ versions[3] }}"></script>
<script src="js/auth.js{{ versions[1] }}"></script>
{% endblock %}
{% block content %}
{{ super() }}
<section id="loader" class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<span class="loader is-inline-block"></span>
</div>
</div>
</section>
<section id="login" class="hero is-fullheight is-hidden">
<div class="hero-body">
<div class="container">
<div class="columns is-centered">
<div class="column is-one-third is-hidden-touch"></div>
<div class="column">
<h1 class="title">
Dashboard Access
</h1>
<h2 class="subtitle">
Login or register
</h2>
<form id="authForm">
<div class="field">
<div class="control">
<input id="user" name="user" class="input" type="text" placeholder="Your username" minlength="4" maxlength="32">
</div>
</div>
<div class="field">
<div class="control">
<input id="pass" name="pass" class="input" type="password" placeholder="Your password" minlength="6" maxlength="64">
</div>
</div>
<div class="field is-grouped is-grouped-right">
<div class="control">
<button id="registerBtn" type="button" class="button is-primary is-outlined">
<span class="icon">
<i class="icon-user-plus"></i>
</span>
<span>Register</span>
</button>
</div>
<div class="control">
<button id="loginBtn" type="submit" class="button is-info is-outlined">
<span class="icon">
<i class="icon-login"></i>
</span>
<span>Log in</span>
</button>
</div>
</div>
</form>
</div>
<div class="column is-one-third is-hidden-mobile"></div>
</div>
</div>
</div>
</section>
{% include "_partial/noscript.njk" %}
{% endblock %}